ionic 2がhtmlのCounterプロパティを更新しない

Question

私のHomePageクラスのCounter値を更新するこの簡単な例があります。

しかし、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

任意の提案は？

Answer 1

このトピックでは、すでに別のSOスレッドで議論されました：https://stackoverflow.com/a/35106069/2256927

これはあなたの問題を解決するかもしれません！

Answer 2

ondragハンドラは実際にはアレイの反復された値の文字列であるitemを実際に使用しようとしています。これは、コードが存在しない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++; 
    } 
    }