angular - 使用 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 代码的新手。

标签： angulartypescriptinputbinding

Answer 1

您不能使用 ngModel 绑定一个属性，然后再显示另一个。我会绑定你想要的值 (30)，然后在你需要用它做某事时进行转换。或者反过来，先转换，再绑定。