Angular2 труба не работает для ввода

Question

Я использую angular2 встроенные трубы процентов в моем HTML

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

свои рабочие & дисплей правильные данные для ввода, но когда я изменить значение поля трубы не Работа.

Как это решить?

Answer 1

Вы поменяете фильтр на свое значение модели при вводе _note.StudentPercent. Для этого можно использовать обработчик ngModelChange.

<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" /> 

Код

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