angular - 输入端的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

向模型添加管道时，您必须删除()from[(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

我希望这有帮助。