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

我希望这会有所帮助。