Cytoscapeのクリックイベントに$ scopeを入れる

Question

Cytoscapejsを使用してネットワークグラフを作成しました。私はdivを再表示しようとしており、ユーザーがグラフの端をクリックした後でもっと多くのものを読み込む。プリントアウトを取得ん

<div ng-controller="MainCtrl" class="container" ng-show="show"> 

</div> 

<div ng-controller="MainCtrl"> 
    {{testMessage}} 
</div> 

にconsole.logをしかしISN内部機能付き$ scope.showMe：Index.htmlと

CytoscapeService.getGraph().on('tap', 'edge[id = "123"]', function (event) { 

console.log("Hi") 
//Above console printout works. 

    //The below does not work on index.html 
    $scope.testMessage = "Hello World"; 
    $scope.showMe = function() { 
    $scope.show = true; 
    } 

    $scope.showMe(); 

}); 

// This works though. 
//$scope.testMessage = "Hi from outside"; 

をまたに：

私は自分のコントローラに以下の持っています呼び出されていません。ただし、この節の外にある範囲をコントローラのメイン節に移動すると、機能します。

これを達成するための選択肢はありますか？

Answer 1

これは、$ scope値を更新するためにjqueryイベントを使用している場合によく発生します。手動で$スコープをtrigerする必要があります適用されます。

$scope.$apply(function(){ 
    $scope.show = true; 
}); 

別の解決策は、角の$timeout

$timeout(function() { 
    $scope.show = true; 
}); 

が$scope.apply()とmore scope informationのためのマニュアルを参照してください使用することです。