首页 > 其他 > 详细

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

时间:2017-08-24 17:44:32      阅读:494      评论:0      收藏:0      [点我收藏+]

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 数据绑定、响应式编程、管道

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!