应用管显示MD-输入的值

我在我的角2材料应用与价格的一种形式：应用管显示MD-输入的值

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

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

Price 
    100    $1.00

我也想直接套用customCurrency管道输入栏显示值，所以它看起来是这样的：

Price 
    $1.00

当我输入100.这将会是最好的，如果你输入管道被应用到显示值，但如果它只能做模糊这将是足够的。任何想法如何这可能？

不幸的是，在管道（一个很大的区别实际上是一个简单的函数变换一个用于显示的字符串输入值）以及一个自定义输入组件，该组件处理用户输入与格式化值合并而不改变光标位置等的所有复杂性。 – GregL

这还不是Angular 2中可能的;见Angular 2 issue 13140。作为变通，你可以这样做：

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

这看起来有点漂亮，但没有多少：

Price: $1.00 
    100

2016-11-29 22:19:12

回答