離子2不更新在html中的計數器屬性

我有這個簡單的例子，它會更新我的HomePage類中的計數器值。離子2不更新在html中的計數器屬性

但在HTML視圖：

<p>{{Counter}}</p>

這仍然爲零。

的方法：

ondrag(event, item) { 
    let percent = event.getSlidingPercent(); 
    if (percent === 1) {    
     event.close(); 
     this.Counter--; 
    } 
    if (percent + 1 === 0) { 
     event.close(); 
     this.Counter++; 
    } 
}

作品在我的機器上，如果我每個如果

這裏是plnkr的代碼添加日誌： https://plnkr.co/edit/7Q4wDtZjIS1zBDsF0etS

有什麼建議？

來源

2016-09-19 Sas Gabriel

此主題在另一個SO線程已經討論：https://stackoverflow.com/a/35106069/2256927

這可能會解決您的問題！

來源

2016-09-20 21:04:17

感謝您的信息，我會盡快看看它，讓你知道它是否工作 –

主要問題是像在其他圖形用戶界面，如果你想從另一個線程更新你不能的GUI，對於角度來說，這可以通過NgZone解決 –

您的ondrag處理程序正在嘗試使用item，它實際上是一個字符串 - 字面意思是items數組的迭代值。這意味着你的代碼在不存在的item.getSlidingPercent上拋出一個異常。嘗試使用event代替item，像這樣：

ondrag(event, item) { 
    let percent = event.getSlidingPercent(); 
    if (percent === 1) { 
     event.close(); 
     this.Counter--; 
    } 
    if (percent + 1 === 0) { 
     event.close(); 
     this.Counter++; 
    } 
    }

來源

2016-09-19 22:34:54 sherb

即使在使用事件時，問題仍然存在，但在html上的Counter保持不變，同樣在plnkr上，類中的值似乎不會改變。感謝您的嘗試，我認爲唯一的方法來重現這是在本地機器 –

離子2不更新在html中的計數器屬性

回答

相關問題