如何从多个重叠ng-repeat生成表tr

时间:2014-05-21 19:38:41

标签: angularjs angularjs-ng-repeat

在用angularjs代码替换旧版javascript时,我坚持使用以下用例(简化代码如下):

<tr ng-repeat="section in page.sections>
   <td>{{section.name}}:</td>
</tr>
<tr ng-repeat="task in section.tasks>
   <td>{{task.name}}:</td>
</tr>

预期结果应该是单个表,任务行应该在父节行之后。

我理解内部循环不起作用,因为section元素的范围不是内部循环的父级。

是否有解决方案(或最合适的方法)来执行此操作?

1 个答案:

答案 0 :(得分:3)

以下内容应该有效:

<tr ng-repeat-start="section in page.sections">
    <td>{{section.name}}:</td>
</tr>
<tr ng-repeat="task in section.tasks">
    <td>{{task.name}}:</td>
</tr>
<tr ng-if="false" ng-repeat-end><td>end</td></tr>

查看demo plunkr