Angular4的双向数据绑定

来源:互联网 发布:彼得大帝 知乎 编辑:程序博客网 时间:2024/05/17 03:31

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

原创粉丝点击