1 数据绑定的分类
1.1 单向数据绑定
1.1.1 属性绑定 -> 数据从组件控制类到组件模板
DOM属性绑定
HTML属性绑定
1.1.2 事件绑定 -> 数据从组件模板到组件控制类
1.2 双向数据绑定
组件模板和控制类的数据可以双向流通
2 属性绑定
请参见《揭秘angular2》 P162
2.1 DOM属性绑定
2.2 HTML属性绑定
2.2.1 普通HTML属性绑定
2.2.2 CSS类绑定
2.2.3 Style样式绑定
3 事件绑定
请参见《揭秘angular2》 P165
4 双向绑定
请参见《揭秘angular2》 P168
5 响应式编程
每个表单元素都对应一个FormController对象,当表单元素的值发生变化时对应的FormController对象就会发送一个valueChange事件,该事件会将表单元素的值编程一个流(即:可观察对象),我们通过订阅这个流来获取这个值,然后根据这个值进行一些处理
在模板中通过DOM属性绑定的方式将表单元素和对应的FormController对象绑定在一起
6 管道
请参见《揭秘angular2》 P188
6.1 创建自定义管道
ng g pipe 管道名称
6.2 使用自定义管道
时间: 2024-11-05 18:38:08