Angular2 - 输入字段的两种方式绑定

Question

我有一个数字类型的输入字段。当用户输入多个零 (0) 并移动到下一个输入字段时，多个零应该回到单个 0。

我在 plunkr 中尝试过以下代码：https://plnkr.co/edit/dyCp5ZMKOkZvcsw4F8og?p=preview

<input [(ngModel)]="value" type="number" class="form-control" id="valueId" 
(ngModelChange)="valuechange($event)">

valuechange(newValue) {
//newValue = newValue.toString().replace(/^0+/, '0');
newValue=parseInt(newValue.toString());
console.log(newValue);
}             

Answer 1

你只需要将0的值为0时设置为字符串，并调用函数onchange代替。 像这样

<input [(ngModel)]="value" type="number" class="form-control" id="valueId" 
      (change)="valuechange($event)">


if(this.value === 0){
      this.value = '0';
}

PS：不用parseInt和toString()转换

Working Example