Angular ngModel和事件不会更改

时间:2018-01-25 06:53:11

标签: angular

**当我输入一些值时。不会改变,   我希望carData可以通过keyup事件进行更改。   我有很多输入标签,所以我希望我只能写一个方法来调用它**

TS:

  carData:string;
  deleteInputStream(data) {
  data = data.replace(/[^0-9.]/g, '');
  return data;}

HTML

<input [(ngModel)]="carData"(keyup)="deleteInputStream(carData)"/>

1 个答案:

答案 0 :(得分:0)

我认为这是一个补丁,但适用于所有动态值

模板方:

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

组件方:

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

<强> WORKING DEMO