Angular2 ngModelは、入力タイプ= "number"でバインディングを変更します

Question

数値型の入力があり、onChangeイベントで値を変更しようとすると機能しません。

私はテキスト入力に対しても同じことを試みましたが、それは完全に機能します。

<input 
    type="number" 
    [(ngModel)]="element.value" 
    (change)="onChange($event)" 
    > 

export class NumFieldComponent { 
    @Input() index; 
    @Input() element; //element.value = 0 

    onChange($event){ 

     var confirm = confirm("Are you sure about this?") 

     if(confirm){ 
      //True, accept the value 
     } else { 
      this.element.value = 0; 
      //Failed, set the input back to 0 
     } 
    } 
} 

私はここで何が不足していますか？

PS。私はbools

Answer 1

しようとしたが、

export class NumFieldComponent { 
    @Input() index; 
    @Input() element; //element.value = 0 

    constructor(cdRef:ChangeDetectorRef) {} 

    onChange($event){ 

     var confirm = confirm("Are you sure about this?") 

     if(confirm){ 
      //True, accept the value 
     } else { 
      this.element.value = 0; 
      this.cdRef.detectChanges(); // <<<=== added 
      //Failed, set the input back to 0 
     } 
    } 
}