Angular指令異步數據沒有綁定？

Question

這是示例代碼我想實現我的指令：donut-chart.directive

我修改這個控制器JS (code)使用$http.get

但在這裏不傳送數據到指令是undefined在分離的網絡API數據獲得範圍。請爲此提供合適的解決方案。

謝謝

Answer 1

$http.get是異步，如果你console.log('scope.data', scope.data);在donut-chart.directive是不確定的，因爲承諾尚未解決。

我建議你可以添加數據依賴於$routeProvider，以確保所有的數據路由改變之前獲取

.when('/edit', { 
    controller: 'MainCtrl', 
    templateUrl: 'edit.html', 
    resolve: function() { 
     // your $http get data and return promise in this function 
    } 
}