AngularJS 在数据之前加载指令

Question

我对 AngularJS 中的自定义指令有疑问。

我的作用域中有一个列表，我使用 ng-repeat 在表中创建 tr 行的对象列表。 tr 行是一个自定义指令。

我有类似的东西：

<tr custom-tr ng-repeat='element in list'></tr>

由于列表是通过 HTTP 调用填充的，因此列表会一点一点地填充，因为我的 JSON 响应中的每个结果都有一个 foreach：

promise.then(function(json) {
  json.data.foreach(function(response) {
      other_promise.then(funtion(element) {
        $scope.list.push(element);
    })
  })

})

所以随着 $scope.list 一点一点地获得新元素，我的表格应该每次都显示一个新行，但实际上它在渲染 TR 之前等待 foreach 结束。

当我查看检查器的网络选项卡时，我注意到 tr 行的 HTML 模板是在所有承诺之后加载的。

有没有办法预加载模板，这样我就可以在所有承诺完成之前看到表格中的行？还是我应该采取不同的做法？

提前谢谢你，

Answer 1

关于第一个解决方案（ng-if），我前段时间想过但即使列表不为空（至少一个元素），也不意味着html模板在加载时加载最后。你可以有 35 个元素，如果没有完成所有的承诺，它就不会起作用。

我用类似的 NPM 包尝试了第二个解决方案，现在它似乎可以工作了。

谢谢！