角度ツリーコントロールを作成するときにjsonをデータソースとして使用

Question

Angular Tree Controlを使用してツリーを構築しています。データソースとしてjsonファイルを使用したいと思います。

パスが（正しいはずの私の唯一の2つのファイルがあります。これは、私のHTMLタグ

<treecontrol class="tree-classic" 
    tree-model="treedata" 

であり、これはオブジェクト

var JSON; 
$.getJSON('data.json', function(response){ 
    JSON = response; 
    alert(JSON.property); 
}); 
$scope.treedata = JSON; 

としてJSONファイルを取得するために私のjavascriptのコードです同じフォルダ内にindex.htmlとdata.jsonの両方があります）。私のjsonファイルの内容を取得し、それを変数に貼り付けてオブジェクトを取得するだけで動作します。しかし、ファイルを読むと、私のJSON変数が空であるとの警告が表示されます。

この問題を解決する方法がありますか？どうもありがとうございました。

---

コールバックのアイデア次の更新

、私はこの解決策を見つけました。

$.getJSON('data.json', function(response){ 
    $scope.$apply(function() { 
     $scope.treedata = response; 
    }); 
}); 

これを行うより良い方法はありますか？

Answer 1

$scope.treedataは$.getJSONが完了する前に割り当てられます。バインディングを更新するために、あなたは$scope.$applyを使用することができ

$.getJSON('data.json', function(response){ 
    $scope.$apply(function() { 
     $scope.treedata = response; 
    }); 
}); 

が、$httpを注入することを忘れてはいけない代わりに$.getJSON

$http.get('data.json').then(function(response){ 
    $scope.treedata = response.data; 
}); 

の$httpサービスを使用することをお勧めし：あなたは成功コールバックでそれを行う必要があります最初に