Angular2 Rohr arbeitet nicht für die Eingabe

Question

Ich verwende angular2 eingebaute Rohr Prozent in meinem HTML

<input class="ibox1 rightalign" type="text" [ngModel]="_note.StudentPercent| percent:'.5-5'" ngControl="StudentPercent" pattern="^[0-9]\d*(\.\d+)?$" #StudentPercent="ngForm"> 

seine Arbeits & korrekte Datenanzeige Eingabefeld, aber wenn ich den Wert eines Feldes Rohr ändert sich nicht Arbeit.

Wie löst man das?

Answer 1

Sie haben bei Änderung des _note.StudentPercent Eingangs einen Filter auf Ihren Modellwert angewendet. Sie können ngModelChange Handler für das gleiche verwenden.

<input class="ibox1 rightalign" type="text" 
    [ngModel]="_note.StudentPercent| percent:'.5-5'" 
    (ngModelChange)="changeToPercent(_note.StudentPercent,'.5-5')" 
    ngControl="StudentPercent" pattern="^[0-9]\d*(\.\d+)?$" 
    #StudentPercent="ngForm" /> 

-Code

changeToPercent(percent, format){ 
    //make sure PercentPipe in declarations & providers of NgModule 
    this._note.StudentPercent = new PercentPipe().transform(percent, format) 
}