在ngModelChange中更改輸入的ngModel

Question

我在模板中有這個：

<input [(ngModel)]="model" (ngModelChange)="cleanseModel($event)">

然后我在控制器中有了這樣的東西：

model: string;

cleanseModel(value: string) {
    this.model = value.replace(/[^A-Za-z0-9]/g, '').substr(0, 4);
}

不幸的是，輸入沒有被清除！ 我輸入12345 ，輸入將有12345 。 我可以將{{model}}放在模板中，並且確實可以正確顯示（即1234 ），但是輸入使我難以理解。

如何更新輸入？

Answer 1

您需要使用this.

cleanseModel(value: string) {
    this.model = value.substr(0, 4);
}

更新：

這樣嘗試

<input [ngModel]="model" name="carData" (input)="model = deleteInputStream($event)"/>
{{carData}} <br/>

並在component.ts中

  deleteInputStream(data) {    
    return data.target.value = data.target.value.replace(/[^A-Za-z0-9]/g, '').substr(0, 4);
  }