在angularjs JSON解析錯誤時，而不是在靜態

Question

我有這個plunker： http://plnkr.co/edit/FnCTfZf8RVBx2WVscyK8?p=info

如果我改變行/秒（23左右）

app.controller('MainCtrl', function($scope) { 
    $scope.links = [...]; 
}); 

到

app.controller('MainCtrl', function ($scope, $http) { 
      $http.get('data.json') 
       .success(function(data, status, headers, config) { 
        $scope.links = data; 
       }); 

我沒有看到任何數據。

我想這是因爲數據是在UI已經被渲染後設置的。
如何使數據綁定工作corectlly？

感謝

Answer 1

你所面臨的問題是不同的變量引用。 即當你說

a = b 

然後，當你修改「B」，「A」是不會改變的。因此，在ng-init中，您剛初始化爲值

submenu = links 

當「鏈接」得到更新時，「子菜單」不會。

因此，您可以在範圍變量「鏈接」上設置監視，更新後您可以更新「子菜單」。

請同樣找到plunkr。

代碼：

$scope.$watch('links',function(newValue){ 
    $scope.submenu=newValue; 
});