javascript - ng-class は更新されていません

Question

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

    $scope.dataToDisplay = {
      data1:true
    }

  });
});

上記の次のコードがあります。これは、Cytoscape.js グラフでエッジがクリックまたはタップされると発生するイベントです。

$scopeを利用してオブジェクトを表示できます$scope.$apply。html には、true/false に応じて表示される ng-class ディレクティブもあります。ただし、ng-class は値が変化しても反応しないようです。

以下は ng-class ディレクティブのスニペットです。

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

支援をお待ちしております。

ページが読み込まれるとクラスが更新されることを明確にしたいと思います。ただし、true/false を切り替える追加の ng-click イベントがあります。これは値の変更としてクラスを追加/削除しませんが、値はビューで更新されます。値が変更されたときにクラスを更新するにはどうすればよいですか?