如何在模板中實現變量？

我有一個ion-input ngModel。我試圖用(input)事件打印輸入的值，但是該變量不會立即打印新值。當我按下屏幕的其他部分時，它會打印該值。你有什麼想法，爲什麼？如何在模板中實現變量？

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

{{value}}

編輯：

value: any; 

constructor(public navCtrl: NavController) {} 

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

2017-02-16 anubis

你的change（）函數是什麼？並已初始化值？ – niklas

我認爲'ngModel'就足以將這個值打印到UI。此外，您已正確使用它。應該管用。除非你正在用'change（）'做一些事情。 –

你不需要改變功能，只需要ngModel

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

{{value}}

與能夠更新變量的值，僅此you'be

2017-02-16 12:20:51

它的工作，但只有當我輸入外部 – anubis

這是一個奇怪的行爲，對我來說（輸入）它就像你的問題，我只能看到新的價值，如果它失去了焦點。你能發佈更多的代碼嗎？也許你的整個頁面和這個頁面.ts文件 –

這很奇怪，我測試了很多，但我仍然有這種行爲。我用我的Typescript代碼編輯了我的文章。很簡單。 console.log立即給出正確的值，但僅當我在屏幕上的其他位置單擊時才更新模板... – anubis

回答