如何编辑[(ngModel)]显示的值？

Question

我收到一个值，我在文本字段中显示给用户。

这个想法是让他能够编辑这个值，然后将它发回。

以货币为例，假设我以美分存储金额，但我想以美元显示。这是我拥有的代码的一个想法，它显示了我收到的值：

<input type="text" [(ngModel)]="myValue" value="{{myValue}}" />

我试过这个没有成功：

<input type="text" [(ngModel)]="myValue/100" value="{{myValue/100}}" />

如何显示除以 100 的值？

Answer 1

使用[()] 的脱糖语法。

<input type=text [(ngModel)]="myValue">

等价于

<input type=text [ngModel]="myValue" (ngModelChange)="myValue = $event">

这意味着您可以单独控制您希望数据如何流入，以及事件应该如何流出。