angular第三天

哈喽,大家好,不知不觉又过了一个星期,感觉一周一周过得好快啊,上周的分享我们说到了angular的一个主要的特性--双向数据绑定,这周呢,我会把其他特性以代码的形式给大家介绍!! 特性二:模板 在AngularJS中,一个模板就是一个HTML文件.但是HTML的内容扩展了,包含了很多帮助你映射model到view的内容. HTML模板将会被浏览器解析到DOM中.DOM然后成为AngularJS编译器的输入.AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令).所有的

这节说一下Angular的脏检查.功能和服务. 一.脏检查 Angular 内部通过 dirty check 来跟踪数据变化,这是双向数据绑定的实现基础. 所谓脏检查,就是 angular 会给每一个数据绑定一个 watcher,当到"特定检查阶段"时,angular就会逐个询问 watcher 它对应的数据有没有发生变化,如果有,则运行对应的监视器.直到没有任何脏数据为止.这个过程称为 digest 循环. 注意,并不是有一个定时线程来不停做脏检查.Angular 只有当特定的事件发

Angular 的应用就是一棵组件树,一个页面可以是一个组件,某一页面的一个区块也可以是一个组件.为了弄明白组件及组件树,我将原来做过的一个静态网站进行组件改造. 原项目地址 https://github.com/xinjie-just/tuobei-customer-back-end.git. 原项目结构: 原项目首页 一.在 G 盘 angular 目录下新建 tuobei 项目 二.参照原项目目录及需要的文件,在 assets 资源下新建 fonts,styles,scripts,imag

一.模仿Reddit a) 运行ng new –ng4angular-reddit创建应用,从随书代码中复制样式文件,新建组件app-root,代码为: 界面可以看到了: b) 对于界面输入的数据,获取的方式有点特别,使用了#newlink这样的语法,newlink是一个对象,现在代表就是所在的input这个DOM元素. 将对象作为参数传递给addArticle方法,在对应的ts代码中,可以获取newlink.value.newlink是HTMLInputElement类型. c)关于参数的绑定

一.在controller 里定义class,通过class ="{{class}}"绑定.数据的双向绑定. function changeClass(){ $scope.className = "change2"; } <div class="{{className}}"></div> 二.通过字符串数组绑定. function changeClass(){ $scope.className = true/false;

把获取模型数据的任务重构为一个单独的服务,它将提供英雄数据,并把服务在所有需要英雄数据的组件间共享. @Injectable() export class HeroService { getHeroes(): void {} // stub } HeroService可以从任何地方获取Hero数据 —— Web服务.本地存储或模拟数据源. Service不是new()出来的 文档里给出了李菊福的理由: 我们的组件得弄清楚该如何创建HeroService. 如果有一天我们修改了HeroServic

前两篇把基本的架子都搭好了,在单独的Controller中处理独立的业务,这时候渲染相应的页面就要用到ng提供的相应组件和事件,下面我采用一一列举的方式,将这些知识都总结于此: ng-click: 案例 <button type="button"class="btn btn-primary" ng-click="showUploadView()">点击上传</button> 说明 声明了一个btn的click事件,对应的c

依赖注入(DI)的好处不再赘言,使用过spring框架的都知道.angularjs作为前台js框架,也提供了对DI的支持,这是javascript/jquery不具备的特性.angularjs中与DI相关有angular.module().angular.injector(). $injector.$provide.对于一个DI容器来说,必须具备3个要素:服务的注册.依赖关系的声明.对象的获取.比如spring中,服务的注册是通过xml配置文件的<bean>标签或是注解@Repository.

深究angularJS系列 - 初识 深究angularJS系列 - 第二弹 深究angularJS系列 - 第三弹,我们一起深入探究angular的服务和自定义指令O(∩_∩)O~~ Angular服务 $http: $http是angular中的一个核心服务; $http利用浏览器的xmlhttprequest或JSONP与远程HTTP服务器进行交互; $http的支持多种method的请求,get.post.put.delete.jsonp等. 下面通过JSONP方法进行$http服务的使