[（ngModel）]で表示される値を編集する方法は？

Question

私はテキストフィールドでユーザーに表示する値を受け取りました。

アイデアは、彼がこの値を編集してそれを送り返すことができるようにすることです。

お金の場合は、額をセントに保存しますが、それをドルで表示したいとします。ここで私はその表示に私が受け取る値を持っているコードの考え方は次のとおりです。

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

私は成功せず、これを試してみました：

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

はどのようにして100で割ったその値を表示することができますか？

Answer 1

[()]のdesugared構文を使用してください。

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

これは、あなたが個別に使用すると、データが流入したい方法を制御することができ、そしてどのようなイベントが流出しなければならないことを意味

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

に相当します。