javascript - 在AngularJS中为指令编写初始化函数？

Question

我正在为我的网格控件开发一个指令，在构建网格控件之前我需要从服务器获取一些公共(public)资源数据。

我如何为指令编写初始化函数？我需要它在将控件加载到 DOM 之前执行，并且它必须类似于惰性控件(它应该仅在 DOM 获得指令时执行)。

我在指令的 Controller 中编写了一个函数来从服务器获取资源，但指令执行并不等待服务器响应。它只是继续执行并抛出资源值未定义。

请谁帮我解决这个问题？

Answer 1

您可以使用状态的解析函数在 Controller 实例化之前加载数据，请参阅 https://docs.angularjs.org/api/ngRoute/provider/ $routeProvider

或者你可以用 Angular 方式来做

• 为 Controller 中的数据初始化一个空数组
• 在 Controller 中发出ajax请求，并在响应到来时更新数组
• 观察数组以更新 dom。如果您只是使用 ng-repeat 来显示数据，那么该 watch 将自动设置。如果您进行“手动”DOM 操作，则必须自己使用 $scope.$watch()。