Angular2 Filterrohr auf Eingang

Question

Ich möchte Filter auf das Eingabefeld wie dieses habe ich versucht,

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

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

etwas hinzufügen auch die folgenden, und es funktioniert nicht für mich

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

Wie kann ich das tun?

Answer 1

Wenn Sie eine Pipe zum Modell hinzufügen, müssen Sie die () von [(ngModel)] entfernen und sie wie [ngModel] verwenden.

Wie so:

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

Und wenn Sie die Parameter des Rohres wollen tun Sie einfach [ngModel]="_note.StudentPercent | percent:[myDynamicParameter]" dynamisch zu sein, wo myDynamicParameter die Variable den Wert enthält.

Ich hoffe, das hilft.