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

Question

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

Plunkr Here

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-start 和 ng-repeat-end:

当然，预期的结果是:

我如何知道我是否已到达特定级别的末尾？

Answer 1

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

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

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