Angular4的双向数据绑定

最近在学angular4,因为angularjs中默认是双向数据绑定,但是如果在比较复杂的页面使用的话会引起性能问题,那是因为angularjs会在页面保存一个所有数据绑定的列表,每当数据发生变化时,angularjs都会反复查看列表,以保证数据一致性。
然后在angular4中默认是单向数据绑定。但是有时候还是会要用到双向数据绑定。我目前遇到两种使用的场景:
(1)是在同一组件中,页面与控制器进行双向数据绑定,一般是表单控件。用法是在页面的表单控件中添加[(ngModel)]=”控制器中的属性”;
(2)是在子组件和父组件中使用。因为子组件和父组件进行通讯的话会有其自身的机制。即输入属性和输出属性(@Input和@Output)。所以在子组件中的控制器中使用输入属性和输出属性,输出属性的名称是输入输入名称再加上Change(这样可以避免不用在父组件模板上添加自定义事件和在控制器中添加事件处理程序)。输出属性的用法就不多说了,(EventEmmiter对象)。然后在父组件模板引用子组件的标签上上添加[(输入属性名称)]=“父组件控制器属性名称”,这样既可

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值