javascript - Angular 指令异步数据不绑定(bind)？

Question

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

我修改了这个 Controller js (code)使用 $http.get

从 web api 获取数据

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

谢谢

Answer 1

$http.get 是异步的，如果你 console.log('scope.data', scope.data); 在 donut-chart.directive 将是未定义的，因为 promise 尚未解决。

我建议你可以将数据依赖添加到$routeProvider 以确保在路由更改之前获取所有数据

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