应用管道显示 md-input 的值

Question

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

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

其中如本 Plnkr 所示：

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

  Price
  100              .00

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

  Price
  .00

当我键入 100 时。最好在您键入时将管道应用于显示值，但如果它只能在 on-blur 上完成，那将足够了。知道这怎么可能吗？

Answer 1

这在 Angular 2 中（尚）不可能；参见 Angular 2 issue 13140。作为解决方法，您可以这样做：

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

看起来好一点但不多:

  Price: .00
  100

Apply pipe to display value of md-input