在Angular中,双向数据绑定是通过NgModel指令实现的。NgModel指令提供了一个事件,用于在数据绑定值发生变化时通知Angular。
下面是一个示例代码,演示了如何使用NgModel来实现双向数据绑定:
export class MyComponent {
public myValue: string;
}
在这里,[(ngModel)]="myValue"表示将input元素的值与myValue属性进行双向数据绑定。同时,我们还添加了一个事件绑定,(ngModelChange)="onValueChange($event)",用于在绑定值发生变化时调用组件中的onValueChange方法。
export class MyComponent {
public myValue: string;
public onValueChange(newValue: string) {
console.log("New value: ", newValue);
}
}
这个方法会在绑定值发生变化时被调用,并将新的值作为参数传入。在这个示例中,我们只是简单地将新的值打印到控制台。
通过这种方式,Angular就能够知道在双向数据绑定中要绑定哪个事件了。当输入框的值发生变化时,NgModel指令会自动更新绑定的属性,并调用ngModelChange事件来通知组件。