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

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

 

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

 在html中使用input标签:

[(ngModel)]表示ngModel是一个方法,所以用小括号,外面再用中括号就表示绑定属性!!! 用下面的span标签实验MVVM中的VM部分!!!

 

 刷新的页面为:

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

 

 改变input输入框中的值:

 

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