将ng-repeat-start和ng-repeat-end与嵌套中继器一起使用

阿兰·贾科梅特·福尔特

我正在尝试使用ng-repeat来遍历嵌套的树状数组。

普伦克在这里

的HTML

<div layout></div>
<script type="text/ng-template" id="layout">
  <div class="layout" ng-repeat-start="data in data.nodes" ng-include="data.name"></div>
  <div ng-repeat-end>End of repeater</div>
</script>
<script type="text/ng-template" id="box">
  <div class="box">Box</box>
</script>

的JavaScript

var myApp = angular.module('myApp', []);
myApp.directive('layout', function() {

  return {
    templateUrl: 'layout',
    controller: function($scope) {
      $scope.data = {
        'nodes': [
          {
          'name': 'layout',
          'nodes': [{'name': 'box'}, {'name': 'box'}, {'name': 'box'}, {'name': 'box'}]
          }, 
          {
          'name': 'layout',
          'nodes': [{'name': 'box'}, {'name': 'box'}, {'name': 'box'}, {'name': 'box'}]
          }
        ]
      }
    }
  }
})

我的问题是我需要一种方法来弄清楚何时进入数组中特定级别的最后一项,但是由于Angular通过深度优先进行递归,所以我不能使用ng-repeat-startand ng-repeat-end

问题

当然,预期结果是:

预期结果

我怎么知道自己是否处于某个特定级别的末尾?

马特

您可以$last用来确定每次迭代的结束时间:

<div ng-show="$last" ng-repeat-end>End of repeater</div>

这给了我您问题中的后一个结果。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS单控制器,用于ng-repeat-start和ng-repeat-end

来自分类Dev

在ng-repeat-start和ng-repeat-end中使用范围

来自分类Dev

将ng-repeat与Include模板一起使用

来自分类Dev

在同一元素中使用ng-repeat-start和ng-repeat-end?

来自分类Dev

使用ng-repeat

来自分类Dev

将ng-repeat元素分组在一起

来自分类Dev

将ng-repeat元素分组在一起

来自分类Dev

如何将ng-repeat与filter和$ index一起使用?

来自分类Dev

将ng-init与ng-repeat一起使用时会覆盖

来自分类Dev

无法将 ng-if 与 ng-repeat $ index 一起使用

来自分类Dev

AngularJS,嵌套JSON和ng-repeat

来自分类Dev

ng-repeat嵌套和KeyValuePair列表

来自分类Dev

AngularJS。嵌套ng-repeat

来自分类Dev

嵌套的ng-repeat angularjs

来自分类Dev

ng-repeat嵌套循环

来自分类Dev

排序嵌套ng-repeat

来自分类Dev

嵌套ng-repeat的问题

来自分类Dev

ng-repeat和ng-scrollbar不能一起使用

来自分类Dev

ng-repeat和ng-scrollbar不能一起使用

来自分类Dev

使用 ng-repeat 的数据

来自分类Dev

在ngMap中将ng-repeat与标记一起使用

来自分类Dev

ng-repeat与动态数据一起使用

来自分类Dev

无法使datepicker与ng-repeat一起使用

来自分类Dev

dygraphs无法与ng-repeat一起使用

来自分类Dev

$ compile无法与ng-repeat一起使用

来自分类Dev

ng-repeat与动态数据一起使用

来自分类Dev

ng-repeat-start与ng-repeat的意义

来自分类Dev

ng-repeat-start的ng-repeat内部模型的模型

来自分类Dev

将ng-repeat与bootstrap navbar元素一起使用