Angular [(ngModel)]双向数据绑定

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xnh_565175944/article/details/82056266

双向数据绑定

       双向数据绑定是MVVM设计模式中显著的特征，简单来说就是当页面发生变化，数据就发生变化||数据发生变化，页面就发生变化，通过[(ngModel)]来实现数据的双向绑定

       ngModel 数据绑定通常用于表单控件。

 

html

<input type="text" [(ngModel)]="title" name="name">
{{title}}

ts

title="angular";

结果:

通过改变输入框内的值，便可以改变后面title的值

 

扫描二维码关注公众号，回复： 3003445 查看本文章

 

       须注意:[(ngModel)]是属性绑定，绑定组件属性name，所以必须为表单定义name属性。