добавление разделителя тысяч в поле ввода в angular4

Question

Я использую угловой 4 для своего внешнего интерфейса. Я хочу вставить разделитель тысяч в поле ввода. Я попробовал этот код, но он не работает

   <input type="number" class="form-control" id="amount" placeholder="Amount" name="Amount" [ngModel]="Amount | number:'3.2-2'" (keypress)="onlyNumberKey($event)">

вот мой код component.ts

export class CustomerDepositApplicationComponent implements OnInit {

Amount: any;

Пожалуйста, помогите мне ..

Answer 1

Вы можете добавить модуль ngx-currency и использовать его следующим образом:

<input id="valueInput" class="input amount" placeholder="Amount" [(ngModel)]="amount" value="0" currencyMask min="0" (ngModelChange)="amountChanged($event)" >

Answer 2

Вы не можете добавить такие трубы. Что вам нужно сделать, это правильно отформатировать свой номер в ts и связать его.

figureraljs - действительно хорошая библиотека для подобных сценариев.

Позвольте мне создать стек с использованием этого.

Обновление

Я создал простой stackblitz . Пожалуйста, посмотрите. В любом случае я не мог импортировать пакет цифр в stackblitz из-за необходимости выпуска в stackblitz. Но это гораздо проще, если вы используете цифру.

В этом примере я использовал функциональность .toLocaleString();, где JS автоматически определяет регион браузера и соответствующим образом конвертирует ваш номер. Например, если в вашем браузере установлен язык en-US , число будет иметь формат 15 000. Если это nb-NO, число может выглядеть иначе.