應用管顯示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

回答