Angular2 фильтр трубы на входе

Question

Я хочу, чтобы добавить фильтр на поле ввода

<input class="ibox1 rightalign" type="text" 
     [(ngModel)]="_note.StudentPercent" 
     ngControl="StudentPercent" pattern="[0-9]*" 
     #StudentPercent="ngForm"> 

Что-то вроде этого

{{_note.StudentPercent| percent:'.0-0'}} 

Я также попытался следующие, и он не работает для меня

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

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

Как это сделать?

Answer 1

При добавлении трубы к модели вы должны удалить () от [(ngModel)] и использовать ее как [ngModel].

Как так:

<input class="ibox1 rightalign" type="text" 
    [ngModel]="_note.StudentPercent | percent:'.0-0'" 
    ngControl="StudentPercent" pattern="[0-9]*" 
    #StudentPercent="ngForm"> 

И если вы хотите, чтобы параметр трубы должны быть динамичными просто сделать [ngModel]="_note.StudentPercent | percent:[myDynamicParameter]" где myDynamicParameter это переменная, содержащая значение.

Надеюсь, это поможет.