Angular2 - 输入Field的双向绑定

时间:2018-04-20 10:39:30

标签: angular2-forms two-way-binding

我有一个类型编号的输入字段。当用户输入多个零(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);
}             

1 个答案:

答案 0 :(得分:4)

当值为0时,您只需将0设置为字符串,然后调用函数onchange。 像这样

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


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

PS:无需使用parseInttoString()

进行转换

Working Example