NgFormControl - 绑定已有控件对象与NgControlName指令不同，NgFormControl将已有的控件/Control对象绑定到DOM元素 上。当需要对输入的值进行初始化时，可以使用NgFormControl指令。下面的代码中，使用NgFormControl指令将DOM元素绑定...
分类：
其他好文 时间：
2015-12-16 17:06:06
阅读次数：
121
NgControlGroup - 命名控件组NgControlGroup指令的选择符是[ng-control-group]，如果模板中的某个元素具有这个属性， Angular2框架将自动创建一个控件组对象，并将这个对象以指定的名称与DOM对象绑定。控件组可以嵌套，方便我们在语义上区分不同性质的输入：...
分类：
其他好文 时间：
2015-12-16 16:57:33
阅读次数：
150
属性声明 - 暴露成员变量属性是组件暴露给外部世界的调用接口，调用者通过设置不同的属性值来定制组件的行为与外观：在Angular2中为组件增加属性接口非常简单，只需要在Component注解的properties属性中声明组件的成员变量就可以了：1 //EzCard 2 @Component({3 ...
分类：
其他好文 时间：
2015-12-16 12:08:00
阅读次数：
171
ShadowDom - 封装私有样式Angular2采用ShadowDom作为组件的渲染基础，这意味着组件被渲染到独立的Shadow Tree上，这很好，可以实现DOM对象和样式的良好封装：但问题是，除了Chrome之外的大多数的浏览器目前还不支持ShadowDom，因此，Angular2 提供了三...
分类：
其他好文 时间：
2015-12-15 14:22:57
阅读次数：
228
styles - 设置模板样式组件既然处于UI层，就应当好看些，好看是构造良好用户体验的一部分。Angular2的 组件模板基于HTML，那么显然，我们需要通过样式表/CSS来调整组件的外观。和模板类似，我们有两种方法为组件设置CSS样式：1. 内联样式可以使用组件View注解的styles属性来设...
分类：
其他好文 时间：
2015-12-15 12:16:22
阅读次数：
124
NgFor- 循环逻辑如果希望利用一组可遍历的数据动态构造模板，那么应当使用NgFor指令。 例如示例中的EzStar组件，用来展示演员的作品列表：迭代NgFor指令应用在template元素上，对ngForOf属性指定的数据集中的每一项 实例化一个template的内容：1 2 -----...
分类：
其他好文 时间：
2015-12-15 10:19:48
阅读次数：
142
使用分支逻辑如果组件的模板需要根据某个表达式的不同取值展示不同的片段，可以使用NgSwitch系列指令来动态切分模板。比如右边示例中的广告组件EzPromotion，需要根据来访者性别的不同推送不同的广告：NgSwitch包含一组指令，用来构造包含多分支的模板：NgSwitchNgSwitch指令可...
分类：
其他好文 时间：
2015-12-14 21:26:19
阅读次数：
236
#var - 局部变量有时模板中的不同元素间可能需要互相调用，Angular2提供一种简单的语法将元素 映射为局部变量：添加一个以#或var-开始的属性，后续的部分表示变量名， 这个变量对应元素的实例。在下面的代码示例中，我们为元素h1定义了一个局部变量v_h1，这个变量指向 该元素对应的DOM对象...
分类：
其他好文 时间：
2015-12-11 18:51:52
阅读次数：
239
(event) - 监听事件在模板中为元素添加事件监听很简单，使用一对小括号包裹事件名称，并绑定 到表达式即可：上面的代码实例为DOM对象h1的click事件添加监听函数onClick()。另一种等效的书写方法是在事件名称前加on-前缀：1 @View({template : `HELLO`})例如...
分类：
其他好文 时间：
2015-12-11 14:48:50
阅读次数：
158
directives - 使用组件在Angular2中，一个组件的模板内除了可以使用标准的HTML元素，也可以使用自定义的组件！这是相当重要的特性，意味着Angular2将无偏差地对待标准的HTML元素和你自己定义的组件。这样， 你可以建立自己的领域建模语言了，这使得渲染模板和视图模型的对齐更加容易...
分类：
其他好文 时间：
2015-12-10 21:47:07
阅读次数：
145
