Изменить значение, отображаемое в поле ввода, на основе связанной переменной с помощью NgModel

Question

Обычно в моем шаблоне есть тег ввода:

<input (click)="clickableButton(pricerule.id)" type="number" nbInput status="info" shape="rectangle" [(ngModel)]="pricerule.price" placeholder="Price">

pricerule.price - это число, это цена в сантимах (французских центах), а не в евро (французских долларах).Например, если pricerule.price равно 3000, это означает 30 долларов.

[(ngModel)]="pricerule.price" эта часть связывает цену и поле ввода.Поэтому, когда страница загружена, поле ввода имеет значение по умолчанию pricerule.price (например, 3000).

Но я не хочу, чтобы 3000 отображалось в моем поле ввода, моя цель от 30 доотображаться, но я понятия не имею, как это сделать, так как я новичок в коде Typescript.

Answer 1

Вы не можете связать одно свойство с помощью ngModel, а затем отобразить другое. Я бы связал значение, которое вы хотите (30), а затем преобразовал бы, когда вам нужно что-то с ним сделать. Или наоборот, сначала преобразуйте, а затем свяжите.