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