ngModel和ngModelChange的使用

Angular

angular的数据绑定,<input type="text" [(ngModel)]="username">这种写法是一种语法糖,意思是组件变量username和input的value绑定,username的值改变会改变input输入框的值,input输入框的值改变也会改变username的值。

实际展开应该是这样<input type="text" [ngModel]="username" (ngModelChange)="onNgModelChange($event)">,展开的写法更为灵活,与[ngModel]绑定组件变量username,(ngModelChange)的事件处理方法onNgModelChage($event)可以灵活处理数据,可以把数据加工处理后再赋值给username,也可以不给username赋值,做其他的操作,$event是input的value值。

我的博客,记录,笔记