输入的 ngModel 和更改方法不起作用

Question

我有以下 HTML 模板

<input type="text" [(ngModel)]="mobile" (change)="mobileChanged()">

这是我的 .ts

mobileChanged = () => {
    console.log(this.mobile);
};

在同一个元素中拥有ngModel和是错误的change吗？在我的情况下，mobileChanged当我输入输入时没有被调用。但是，当我检查 的值时mobile，它会正确更新。

这是 Angular 7。

Answer 1

当您失去输入字段的焦点时，使用change将触发mobileChanged()（例如：在字段外单击）。如果您想mobileChanged()在打字时触发，请(ngModelChange)="mobileChanged($event)"改用。