使用 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)，然后在你需要用它做某事时进行转换。或者反过来，先转换，再绑定。