web-dev-qa-db-ja.com

angular 5？

私のangular 5アプリケーションで次のことが起こりたいのですが。

テキストボックスを入力しています数値を入力していますそのテキストボックスのフォーカスが失われるため、入力した数値はcurrencyにフォーマットして ' $ 'および'、 '、'。 'シンボル。これを達成する方法？

下の図のように入力数値を表示したいのですが。

enter image description here

angulartypescriptinputcurrency-formatting
4
Harsha Bhat

ここにテキストボックスがあなたが期待している方法を示します。

<input name="money" type="text" value="{{amount | number :'1.2-2' | currency }}" [(ngModel)]="amount"/>
0
Sagar C

インストール-マット通貨フォーマット

$ npm i mat-currency-format

説明ディレクティブをhtml入力で使用して、入力をロケール通貨に自動的に変更できます。

コンポーネント内で数値を任意のロケール通貨に変換して入力します。焦点を合わせると、ユーザーは数値を入力することがわかり、焦点を合わせると、内部化形式と通貨記号のサポートにより、通貨形式で数値が表示されます

ディレクティブのセレクター名はmvndrMatCurrencyFormatです。

ディレクティブは2つの入力で構成されます。

currencyCode（デフォルト値= 'USD'）allowNegative（デフォルト値= false）

デモ

<input type="text"
      mvndrMatCurrencyFormat
      [allowNegative]="false"
      [currencyCode]="'USD'"
      [value]="usAmount"
      (blur)="updateUSAmount($event)" />

よろしくお願いいたします。

0
Manvender Singh Rathore