2016-03-24 22 views
1

jstree ve angularjs ile çalışıyorum. Yolum ve düğüm adı var, ancak bir sayfada görüntülenemiyor. Benim hatam nerede? Sorunumla ng-tree yönergesini kullanarak plunker (çalışma) örneğini güncelledim. ,açısal görüntülenmiyor kapsam değişkeni (bitmiş)

<h1>Where is my variable?!</h1> 
     <div>{{ test }}</div> 
    <pre>Path to A: {{ pathA }}</pre> 
    <pre>Path to B: {{ pathB }}</pre> 
     <pre>Path to C:{{ pathC }}</pre> 
<js-tree tree-data="json" tree-src="tree.json" 
        tree-events="changed:callback;"></js-tree> 

Js

$scope.test = "I'm test variable" 

    $scope.callback = function (e, data) { 

     // ===== Click event on node for Industry ===== 
     for (var i = 0; i < data.selected.length; i++) { 

      var parentNodeId = data.instance.get_node(data.selected[i]).parent; 
      var parentNodeText = data.instance.get_node(parentNodeId).text; 
      var selectedNodes = data.instance.get_selected(); 

      var node = data.instance.get_node(data.selected[i]).text; 

      console.log(node); 

      if (node == "a"){ 
        console.log($scope.pathA) 
      $scope.pathA = data.instance.get_path(data.node,'/'); 

      } 
      else if (node == "b"){ 
       console.log($scope.pathA) 
       $scope.pathB = data.instance.get_path(data.node,'/'); 

      } 
      else if (node == "c"){ 
       console.log($scope.pathA) 
      $scope.pathC = data.instance.get_path(data.node,'/'); 

      } 
      // and etc.... 
     } 
    } 
jstree herhangi bir değişiklik algılama neden olmadığından Sizin
+1

JQuery'yi açısal olarak böyle bir şekilde kullanmamalısınız ... gerçekten [js ağacının açısal sürümüne geçmek için bir şey yapmalısınız] (https://github.com/ezraroi/ngJsTree) –

+0

@PankajParkar, Ben app [başka bir js-ağaç köşeli direktif] (https://github.com/arvindr21/jsTree-directive) kullanıyorum, sadece basit örnek – Anton

+0

sağladığınız kod sadece jQuery sürümünü gösteren edildi. ve hiçbir şey onu kullanarak uygulanmadı. –

cevap

2

: Şimdi

da burada plunker kodunu

Html sağlamak Uygulamama bayağı yakın Bu, geri aranmanın da değişmeyeceği ve değişkenlerinizin hiçbirinin güncellenmeyeceği anlamına gelir. Geri aramada $scope.$apply() numaralı telefonu arayarak bunu düzeltebilirsiniz!

+0

çok teşekkürler! sen benim günümü yaptın! – Anton

İlgili konular