Fatal编程技术网

Javascript AngularJS创建伪指令

javascript html angularjs

Javascript AngularJS创建伪指令,javascript,html,angularjs,angularjs-directive,angularjs-ng-repeat,Javascript,Html,Angularjs,Angularjs Directive,Angularjs Ng Repeat,我想在AngularJS中创建一个“虚拟”元素来进行嵌套ng重复。 所以下面 data.test = [{h:1, d:[11,12]}, {h:2, d:[21,22]}]; ---------------------- <dummy ng-repeat="a in data.test"> <h3>{{a.h}}</h3> <p ng-repeat="b in a.d">{{b}}</p> </dummy>

我想在AngularJS中创建一个“虚拟”元素来进行嵌套ng重复。
所以下面

data.test = [{h:1, d:[11,12]}, {h:2, d:[21,22]}];
----------------------
<dummy ng-repeat="a in data.test">
    <h3>{{a.h}}</h3>
    <p ng-repeat="b in a.d">{{b}}</p>
</dummy>
但是，它似乎在保留
虚拟节点

这可能吗？
指令可用于此确切目的


<h3 ng-repeat-start="a in data.test">{{a.h}}</h3>
<p ng-repeat-end ng-repeat="b in a.d">{{b}}</p>



{{a.h}

{{b}



可以看出，不需要虚拟元素/指令。
这些指令可用于此确切目的


<h3 ng-repeat-start="a in data.test">{{a.h}}</h3>
<p ng-repeat-end ng-repeat="b in a.d">{{b}}</p>



{{a.h}

{{b}




不需要虚拟元素/指令，这一点可以看出。
在搜索谷歌后，我找到了一篇博客文章，回答了这个问题。它展示了如何去做。这里有一个运行的示例，其中包含可下载的代码。如果跳到末尾，可以看到如下代码：


<body ng-controller="TeamListCtrl">
    <div ng-repeat-start="team in teams" class="header">{{team.name}}</div>
    <div ng-repeat="player in team.players" class="item">{{player.firstName}} {{player.lastName}}</div>
    <div ng-repeat-end><br /></div>
</body>




{{team.name}
{{player.firstName}{{player.lastName}}



在搜索谷歌后，我发现一篇博客文章回答了这个问题。它展示了如何去做。这里有一个运行的示例，其中包含可下载的代码。如果跳到末尾，可以看到如下代码：


<body ng-controller="TeamListCtrl">
    <div ng-repeat-start="team in teams" class="header">{{team.name}}</div>
    <div ng-repeat="player in team.players" class="item">{{player.firstName}} {{player.lastName}}</div>
    <div ng-repeat-end><br /></div>
</body>




{{team.name}
{{player.firstName}{{player.lastName}}



谢谢你，救了我一天！）但没有收藏重复开始/结束谢谢，救了我一天！）但没有集合重复开始/结束