数据前的AngularJS load指令

数据前的AngularJS load指令,angularjs,Angularjs,我对AngularJS中的自定义指令有一个问题 在我的作用域中有一个列表,一个对象列表,用于在带有ng repeat的表中创建tr行。tr行是一个自定义指令 我有点像: <tr custom-tr ng-repeat='element in list'></tr> 因此,随着$scope.list一点一点地获得新元素,我的表应该每次显示一行新行,但实际上它在呈现TR之前等待foreach的结束 当我查看inspector的network选项卡时,我注意到tr行的HTML

我对AngularJS中的自定义指令有一个问题

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

我有点像:

<tr custom-tr ng-repeat='element in list'></tr>
因此,随着$scope.list一点一点地获得新元素,我的表应该每次显示一行新行,但实际上它在呈现TR之前等待foreach的结束

当我查看inspector的network选项卡时,我注意到tr行的HTML模板是在所有承诺之后加载的

是否有一种方法可以预加载模板,以便在完成所有承诺之前查看表中的行?或者我应该换一种方式吗

提前感谢您,

关于第一个解决方案(ng if),我之前考虑过它,但即使列表不是空的(至少有一个元素),也不意味着html模板是在最后加载的。你可以有35个元素,如果所有的承诺都没有兑现,它就不会起作用

我用一个类似的NPM软件包尝试了第二个解决方案,现在似乎可以了


谢谢大家!

尝试基于数组加载指令,如果类似于“”,则添加ng。使用app.js中内置的模板构建应用。您应该在评论中回答,而不是创建答案;)美好的通过添加一个预构建步骤,您可以在应用程序的脚本中编写它应该使用的模板,从而避免了无用的ajax请求,并且应用程序的加载速度更快。
promise.then(function(json) {
  json.data.foreach(function(response) {
      other_promise.then(funtion(element) {
        $scope.list.push(element);
    })
  })

})