Angular2はngModelで通貨を使用しています

こんにちは私はAngular2を使用して入力ボックスに通貨を表示しようとしています。今、私はAngular2はngModelで通貨を使用しています

<p class="list-group-item-text">${{ item.price | number : '1.2-2'}}</p> 
<input type="text" class="form-control" [(ngModel)]="item.price">

を持っており、アウトプットは

であると私は探していますがボックス内のテキストは、ボックスの上にテキストと同じになることです。

これは角度よりもむしろcssの問題です。この問題を確認する：https://stackoverflow.com/questions/2913236/html-text-input-field-with-currency-symbol – AArias

この問題を確認してくださいhttps://stackoverflow.com/questions/40346676/angular-2-using -pipes-with-ngmodel – alehn96

このパッケージを試してみてください：https://www.npmjs.com/package/ng2-currency-mask

これを追加すると、それはあなたの入力にcurrencyMaskを追加するのと同じくらい簡単です。

<input currencyMask [(ngModel)]="value" />

2017-06-09 15:51:58 JonK

答えて