angular学习之通俗易懂篇-----双向数据绑定MVVM

需要明确,双向数据绑定只针对表单!!!

1、首先在app.module.ts中引入FormModule,并声明:

 

2、在组件ts文件中定义属性:

---

 

 在html中使用input标签:

[(ngModel)]表示ngModel是一个方法,所以用小括号,外面再用中括号就表示绑定属性!!!

用下面的span标签实验MVVM中的VM部分!!!

---

 

 刷新的页面为:

表示了数据驱动视图,即MV部分

---

 

 改变input输入框中的值:

 

 后面span标签的内容也是跟着改变!!!