将管道应用于显示md-input

Question

我的Angular 2 Material应用程序中有一个表单，价格为：

  <md-input [(ngModel)]="price" placeholder="Price">
  </md-input>{{price|customCurrency}}

这个Plnkr中显示uses a custom version of the CurrencyPipe：

http://plnkr.co/edit/OM039CYEsS5CfhEuZdBN?p=preview

但不是显示原始输入字段值：

  Price
  100              $1.00

我还想将customCurrency管道直接应用于输入字段显示值，所以它看起来像这样：

  Price
  $1.00

当我键入100时。最好是在键入时将管道应用于显示值，但如果只能在 on-blur 上完成，那就足够了。任何想法如何可能？

Answer 1

Angular 2中尚未实现这一点;见Angular 2 issue 13140。作为一种解决方法，您可以这样做：

  <md-input [(ngModel)]="Price" placeholder="Price: {{price|customCurrency">
  </md-input>

看起来好一点但不多：

  Price: $1.00
  100