Angular 检测同一组件内模型的更改-角度

Angular 检测同一组件内模型的更改-角度,angular,onchange,Angular,Onchange,我知道我们可以使用@Input和onChange钩子来检测子组件中父组件中所做的更改。 但我的用例是检测在同一组件中对模型所做的更改。 组件1.ts: export class MyComponent implements OnInit { private myExmapleModel: MyModel; ngOnInit: void { this.momyExmapleModeldel = new MyModel('', '', ''); }

我知道我们可以使用@Input和onChange钩子来检测子组件中父组件中所做的更改。 但我的用例是检测在同一组件中对模型所做的更改。 组件1.ts:

export class MyComponent implements OnInit {

    private myExmapleModel: MyModel;

    ngOnInit: void {
           this.momyExmapleModeldel = new MyModel('', '', '');
    }

}

我将这个myExampleModel双向绑定到html模板,并希望在同一个MyComponent中的MyModel实例中的值发生更改时触发一个函数。我该怎么做呢?

如果您在html中使用您的
myExmapleModel
,如下所示:

<input ([ngModel])="myExmapleModel">
<input [ngModel]="myExmapleModel" (ngModelChange)="onChange($event)"

如果要检测输入的更改,请使用输入事件或要检测焦点以外的更改,即光标不在输入框中,请使用更改事件

<input [(ngModel)]="name" (input)="changed()" />

<input [(ngModel)]="name" (change)="changed()" />

changed() {
  console.log('name changed')
}

改为{
console.log('名称已更改')
}

您是否在html中使用
([ngModel])=“myExmapleModel”
?是的。但我想在值更改时触发自定义函数。使用
ngModelChange
,请参阅我的答案