输入端的 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 是包含值的变量。

希望对您有所帮助。

输入端的 Angular2 过滤管道

Angular2 filter pipe on input

angular2-pipe

angular