Angular4的双向数据绑定
来源:互联网 发布:彼得大帝 知乎 编辑:程序博客网 时间:2024/05/17 03:31
最近在学angular4,因为angularjs中默认是双向数据绑定,但是如果在比较复杂的页面使用的话会引起性能问题,那是因为angularjs会在页面保存一个所有数据绑定的列表,每当数据发生变化时,angularjs都会反复查看列表,以保证数据一致性。
然后在angular4中默认是单向数据绑定。但是有时候还是会要用到双向数据绑定。我目前遇到两种使用的场景:
(1)是在同一组件中,页面与控制器进行双向数据绑定,一般是表单控件。用法是在页面的表单控件中添加[(ngModel)]=”控制器中的属性”;
(2)是在子组件和父组件中使用。因为子组件和父组件进行通讯的话会有其自身的机制。即输入属性和输出属性(@Input和@Output)。所以在子组件中的控制器中使用输入属性和输出属性,输出属性的名称是输入输入名称再加上Change(这样可以避免不用在父组件模板上添加自定义事件和在控制器中添加事件处理程序)。输出属性的用法就不多说了,(EventEmmiter对象)。然后在父组件模板引用子组件的标签上上添加[(输入属性名称)]=“父组件控制器属性名称”,这样既可
阅读全文
0 0
- Angular4的双向数据绑定
- Angular4 第五章 数据绑定
- AngularJS的双向数据绑定
- AngularJS数据的双向绑定
- angular 的数据双向绑定
- angular2数据的双向绑定
- 关于数据的双向绑定
- angular4中样式的绑定
- Angular4-在线竞拍应用-数据绑定
- flex4里的双向数据绑定
- 双向数据绑定---AngularJS的基本原理学习
- 3、AngularJs的双向数据绑定
- 利用defineProperty实现数据的双向绑定
- 双向数据绑定---AngularJS的基本原理学习
- vue双向数据绑定的原理解密
- angularJs的双向数据绑定,简单实用
- vue双向数据绑定的原理
- 双向数据绑定---AngularJS的基本原理学习
- Spring4.3入门 配置bean
- Spring boot设置文件上传大小限制
- 求乘积
- Spring4.3入门 Spring 依赖关系
- 菱形
- Angular4的双向数据绑定
- bos项目day04快递员作废访问不报错,但无数据
- Spring4.3入门 Spel
- Android 拍照和选择图库的demo(兼容7.0)
- SQL server启动远程连接
- Windows7 64位配置ODBC数据源的方法
- 基础巩固--方法参数
- Spring4.3入门 引用外部文件
- Django框架的安装(一)