码迷,mamicode.com
首页 > 其他好文 > 详细

Angular09 数据绑定、响应式编程、管道

时间:2017-08-24 18:04:03      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:数据绑定   就会   定义   1.2   log   form   表单元素   事件绑定   获取   

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 使用自定义管道

    技术分享

 

  

Angular09 数据绑定、响应式编程、管道

标签:数据绑定   就会   定义   1.2   log   form   表单元素   事件绑定   获取   

原文地址:http://www.cnblogs.com/NeverCtrl-C/p/7424124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!