Angular 2如果在双向绑定的情况下如何在输入字段上使用管道

时间:2017-05-10 22:48:03

标签: html typescript pipe angular2-template angular-ngmodel

我知道这与this类似或重复,我想在ngmodel上使用像import java.io.BufferedReader; import java.io.FileNotFoundException; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; public static void main(String [] args) throws NumberFormatException, IOException { BufferedReader bf = new BufferedReader(new InputStreamReader(System.in)); long n = Integer.parseInt(bf.readLine()); long m = Integer.parseInt(bf.readLine()); String fileName = "file"; PrintWriter writer = null; try { writer = new PrintWriter(fileName); }catch(FileNotFoundException e) { e.printStackTrace(); } if(n>m) writer.print(">"); else if(n<m) writer.print("<"); else if(n==m) writer.print("="); writer.close(); } 这样的管道,但我有一个场景需要绑定像这样的方法[ngModel]="item.value | currency:'USD$'"而不是设置值(ngModelChange)="someMethod()"。如何实现这两者。

我的代码:

(ngModelChange)="item.value=$event"

3 个答案:

答案 0 :(得分:1)

试试这个

&#13;
&#13;
<input type="text" [ngModel]="item.value | currency:'USD$'"  (ngModelChange)="someMethod($event)" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

尝试从ngModel中删除方括号,看看是否有帮助。它对我有用。

答案 2 :(得分:0)

像这样删除括号,然后将事件传递给您的方法。

Host

然后在.ts文件中,您可以分配值:

<input type="text" [(ngModel)]="item.value | currency:'USD$'"  (ngModelChange)="someMethod()" />