使用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），然后在需要使用它进行转换时将其转换。或相反，先将其转换，然后将其绑定。