テンプレートで変数を実現する方法は？

私はngModelでion-inputを持っています。 (input)イベントで入力の値を出力しようとしていますが、変数はすぐに新しい値を出力しません。画面の他の部分を押すと値が表示されます。なぜあなたは考えていますか？テンプレートで変数を実現する方法は？

<ion-input type="number" (input)="change()" [(ngModel)]="value"></ion-input> 

{{value}}

EDIT：

value: any; 

constructor(public navCtrl: NavController) {} 

change() { 
    console.log('change ' + this.value); 
}

2017-02-16 anubis

あなたのchange（）関数は何ですか？値は初期化されていますか？ – niklas

私は 'ngModel'だけで、この値をUIに出力するのに十分だと思います。また、正しく使用しています。うまくいくはずです。 'change（）'を使って何かをしていない限り。 –

あなただけの値変数を更新することができ、この単独のyou'beでngModel

<ion-input type="number" [(ngModel)]="value"></ion-input> 

{{value}}

を必要とし、変更機能を必要としない

2017-02-16 12:20:51

それは仕事ですが、私は入力の外側をクリックした場合のみです – anubis

これは奇妙な動作です、あなたの問題のように動作する（入力）私のために、私はフォーカスを失う場合、私は新しい値を見ることができます。もっとコードを投稿できますか？多分あなたのページ全体とこのページ.tsファイル –

それは非常に奇妙です、私はたくさんのテストをしましたが、私はまだこの動作があります。 Typescriptコードで投稿を編集しました。非常に簡単です。 console.logはすぐに正しい値を返しますが、テンプレートは画面内の他の場所をクリックした場合にのみ更新されます... – anubis

答えて