我正在尝试使用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-start
and ng-repeat-end
:
当然,预期结果是:
我怎么知道自己是否处于某个特定级别的末尾?
您可以$last
用来确定每次迭代的结束时间:
<div ng-show="$last" ng-repeat-end>End of repeater</div>
这给了我您问题中的后一个结果。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句