Angular指令异步数据不绑定？

Question

这是我试图实现我的指令的示例代码：donut-chart.directive

我修改了此控制器js (code)以使用$http.get

从web api获取数据

但是这里没有将数据传递给指令，它在隔离范围内是undefined。请为此提供合适的解决方案。

谢谢

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
  }
}