ionic 2 未在 html 中更新计数器 属性

Question

我有这个简单的例子，它确实更新了我主页中的计数器值 class。

但在 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++;
    }
}

如果我为每个 if

添加日志，则可以在我的机器上工作

这是plnkr上的代码： https://plnkr.co/edit/7Q4wDtZjIS1zBDsF0etS

有什么建议吗？

Answer 1

您的 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++;
    }
  }

Answer 2

这个主题已经在另一个 SO 线程中讨论过：

这可能会解决您的问题！