angular - 如何编辑[(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">

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