Javascript 未更新ng类

我上面有以下代码。它是在Cytoscape.js图形中单击/点击任何边缘时触发的事件

我能够利用

$scope.$apply

显示

$scope

对象。在html中，我还有一个ng类指令，它将相应地显示它是否为真/假。但是，ng类似乎不会随着值的更改而响应

下面是ng class指令的一个片段

cy.on('tap', 'edge,:selected', function (event) {
  $scope.$apply(function (response) {

    $scope.dataToDisplay = {
      data1:true
    }

  });
});

非常感谢您的帮助

---

我想澄清的是，类确实会随着页面的加载而更新。但是，我有一个附加的ng click事件，用于切换真/假。这不会在值更改时添加/删除类，但会在视图中更新值。如何实现在值更改时更新类？

您确定它是正确的

$scope

？可能尝试渲染

{{dataToDisplay.data1}}

只是为了确保值确实发生更改。如果ng类始终具有真值，则使用ng。不是吗？你希望它如何更新？请给我小提琴。@Martin，是的，它的渲染正确。我可以通过大括号将值显示在HTML中。@BhojendraNepal抱歉，我不明白。定义了要显示作用域值的HTML元素的ng if。是否确定它是正确的

$scope

？可能尝试渲染

{{dataToDisplay.data1}}

只是为了确保值确实发生更改。如果ng类始终具有真值，则使用ng。不是吗？你希望它如何更新？请给我小提琴。@Martin，是的，它的渲染正确。我可以通过大括号将值显示在HTML中。@BhojendraNepal抱歉，我不明白。定义了要显示范围值的HTML元素的ng if。

<div ng-if="dataToDisplay">
  <div class="panel" ng-class="{'panel-danger': dataToDisplay.data1, 'panel-default': !dataToDisplay.data1}">
  <div>
</div>