angular学习之通俗易懂篇-----从头开始[双向数据绑定MVVM]

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

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

 

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

 在html中使用input标签:

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

 

 刷新的页面为:

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

 

 改变input输入框中的值:

 

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

标签：ngModel,span,MVVM,标签,绑定,ts,-----,angular
来源： https://www.cnblogs.com/zhaoyingzhen/p/14205786.html