Номер формата в ngModel

#angular #typescript

#angular #машинописный текст

Вопрос:

Я хочу отформатировать номер в ngModel, но когда я пытаюсь так <input type="number" [(ngModel)]="name.name.price | number:'1.2-3'"> , это выдает ошибку. Что я должен сделать, чтобы заставить его работать?

Ответ №1:

В Angular [()] является двусторонней привязкой.

  • [] — это односторонняя привязка атрибута, которая связывает данные из компонента с представлением. Здесь происходит преобразование даты в реальном времени, которое работает как канал.
  • () — это односторонняя привязка события, которая передает данные из представления в
    компонент. Функция канала здесь не работает.

Поэтому вам нужно разделить [()] на [] и () и использовать канал только в [] . Итак, используйте :

 <input type="number" [ngModel]="name.name.price | number:'1.2-3'">
 

Ответ №2:

Попробуйте, измените [(ngModel)] синтаксис на этот [ngModel] .

 <input type="number" [ngModel]="name.name.price | number:'1.2-3'">
 

Примечание: после этого изменения значение ngModel изменится как строка, а не как число.