angular2 ChangeDetectorRef (变化检测器的引用)手动控制组件的变化检测行为
Angular检测机制 监测到异步事件后是怎么判断是否需要更新视图呢？其实比较简单，Angular通过脏检查来判断是否需要更新视图。脏检查其实就是存储所有变量的值，每当可能有变量发生变化需要检查时，就将所有变量的旧值跟新值进行比较，不相等就说明检测到变化，需要更新对应视图 ...
原文：详解angular2组件中的变化检测机制（对比angular1的脏检测）
组件和变化检测器 如你所知，Angular 应用程序是一颗组件树，而每个组件都有自己的变化检测器，这意味着应用程序也是一颗变化检测器树。顺便说一句，你可能会想。是由谁来生成变化检测器 这是个好问题，它们是由代码生成。 Angular 编译器为每个组件自动创建变化检测器，而且最终生成的这些代码 JavaScript VM友好代码。这也是为什么新的变化检测是快速的 相比于 Angular .x 的 d ...
2017-04-19 08:56 0 4607 推荐指数：
相关推荐
angular中ngOnChanges与组件变化检测的关系
1.ngOnChanges只有在输入值改变的时候才会触发，如果输入值(@Input)是一个对象，改变对象内的属性的话是不会触发ngOnChanges的。 2.组件的变化检测： 2a.changeDetection如果是ChangeDetectionStrategy.Default的话 ...
Angular2组件开发—为模板应用样式（一）
styles - 设置模板样式 组件既然处于UI层，就应当好看些，好看是构造良好用户体验的一部分。Angular2的 组件模板基于HTML，那么显然，我们需要通过样式表/CSS来调整组件的外观。 和模板类似，我们有两种方法为组件设置CSS样式： 1. 内联样式 可以使用组件View注解 ...
Angular2组件开发—属性与事件（一）
属性声明 - 暴露成员变量 属性是组件暴露给外部世界的调用接口，调用者通过设置不同的属性值来定制 组件的行为与外观： 在Angular2中为组件增加属性接口非常简单，只需要在Component注解的properties属性中声明组件的成员变量就可以了： 上面的代码将组件 ...
Angular2组件开发—属性与事件（二）
事件声明 - 暴露事件源 与属性相反，事件从组件的内部流出，用来通知外部世界发生了一些事情： 在Angular2中为组件增加事件接口也非常简单：定义一个事件源/EventEmitter， 然后通过Component注解的events接口包括出来： 上面的代码将组件 ...
Angular2组件开发—表单输入（一）
NgForm - 表单指令 NgForm指令为表单元素/form建立一个控件组对象，作为控件的容器； 而NgControlName指令为则为宿主input元素建立一个控件对象，并将该控件加入到NgForm指令建立的控件组中： 局部变量 通过使用#符号，我们创建了一个引用控件组对象（注意 ...
Angular2组件开发—调用服务（一）
服务 - 封装可复用代码 在Angular2中，服务用来封装可复用的功能性代码。比如Http服务，封装了ajax请求的细节，在不同的组件中，我们只需要调用Http服务的API接口就可以给组件增加ajax请求的功能了： Angular2中实现一个服务非常简单直接 ： 定义一个类，然后，它就 ...
Angular2组件开发—调用服务（三）
注入一个复杂的服务 EzAlgo相当简单，使用new或者使用Injector来获得一个实例看起来差别不大。那如果我们的EzApp组件要使用Http服务呢？ 第一眼看上去，Http服务显然是一个真正有用的服务 - 因为看起来相当的复杂 - Http依赖于XHRBackend ...