Setzen $ Scope in Cytoscape klicken Ereignis

Question

Ich habe ein Netzwerk-Diagramm mit Cytoscapejs erstellt. Ich versuche, ein div einzublenden und weitere Dinge zu laden, nachdem der Benutzer auf die Kante des Diagramms geklickt hat.

Ich habe folgend in meinem Controller:

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"; 

Und in Index.HTML:

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

</div> 

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

Die console.log Druck bekommt, aber der $ scope.showMe mit Funktion innerhalb isn Ich werde nicht angerufen. Wenn ich jedoch den Bereich außerhalb dieser Klausel in den Hauptsatz des Controllers verschiebe, funktioniert er.

Gibt es Alternativen, wie ich das erreichen kann?

Answer 1

Dies ist bei angular üblich, wenn Sie jquery-Ereignisse zum Aktualisieren eines $ scope-Werts verwenden. Sie werden von Hand müssen einen $ Umfang triger gelten:

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

Eine andere Lösung Angular der $timeout

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

finden Sie in der Dokumentation für $scope.apply() und more scope information zu verwenden wäre.