angular - 应用管道显示 md-input 的值

Question

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

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

它使用CurrencyPipe此 Plnkr 中所示的自定义版本：

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

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

  Price
  100              $1.00

我还想将customCurrency管道直接应用于输入字段显示值，如下所示：

  Price
  $1.00

当我输入 100 时。最好在您输入时将管道应用于显示值，但如果它只能在模糊上完成就足够了。任何想法这怎么可能？

Answer 1

这在 Angular 2 中（还）不可能；请参阅Angular 2 问题 13140。作为一种解决方法，您可以执行以下操作：

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

看起来更好一点但不多：

  Price: $1.00
  100