仅在通过 $http 加载数据后才在 Angular 应用程序中初始化指令答案

【问题标题】：initialize directive in angular app only after data is loaded via $http仅在通过 $http 加载数据后才在 Angular 应用程序中初始化指令
【发布时间】：2015-11-07 15:12:54
【问题描述】：

我有一个基本的 Angular 应用程序，我需要执行以下操作：

应用控制器已初始化
$http 调用发生并在对服务器的调用完成后返回一个已解决的承诺。结果存储在范围变量中。（这可能发生在页面上的任何其他操作之前）
使用上一步的范围变量中的数据初始化指令。

有问题的指令包装了一个非角度的 Jquery 库 (galleria.io)，只有在获得数据后才对其进行初始化至关重要。否则，它必须首先使用一些虚拟数据进行初始化，并向查看者显示一些屏幕“垃圾”。

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

您应该将 HTTP 调用添加到工厂，公开函数，并在到此视图/控制器的路由中调用此函数。这将确保在加载视图或控制器之前解决承诺，并将其结果注入控制器。

请参阅此帖子以获取示例：https://stackoverflow.com/a/27239390/1913396

【讨论】：