ng-repeat 没有按预期工作 [英] ng-repeat is not working as expected

问题描述

下面的对象应该为一个表下的父对象和子对象(作为兄弟)生成表行.怎么可能，我使用了 ng-repeat-start 但没有用.我需要它来进行相等的对齐.

<预><代码>[{'name':'parent1','children':[{'name':'child1'},{'name':'child2'}]},{'name':'parent2','children':[{'name':'child1'},{'name':'child2'}]}......]<表格><tr ng-repeat="obj 中的父级"><td>{{parent.name}}</td></tr><tr ng-repeat="child in parent.children"><td>{{child.name}}</td></tr>…………

表格应生成如下:

<tr><td>Parent1</td></tr><tr><td>child1</td></tr><tr><td>child2</td></tr><tr><td>Parent2</td></tr><tr><td>child1</td></tr><tr><td>child2</td></tr>......

解决方案

你可以试试

<tr ng-repeat-start="obj 中的父级"><td>{{parent.name}}</td></tr><tr ng-repeat="child in parent.children"><td>{{child.name}}</td></tr><tr ng-repeat-end=""><tr/>

Below object should generate table rows for parent and child objects under one table(as siblings). how it can be, I used ng-repeat-start but no use. I need it for equal alignments.

[
{'name':'parent1','children':[{'name':'child1'},{'name':'child2'}]},
{'name':'parent2','children':[{'name':'child1'},{'name':'child2'}]}
......
]
<table>
<tr ng-repeat="parent in obj">
<td>{{parent.name}}</td>
</tr>
<tr ng-repeat="child in parent.children">
<td>{{child.name}}</td>
</tr>
...........

Table should generate like below:

<table>
<tr>
<td>Parent1</td>
</tr>
<tr>
<td>child1</td>
</tr>
<tr>
<td>child2</td>
</tr>
<tr>
<td>Parent2</td>
</tr>
<tr>
<td>child1</td>
</tr>
<tr>
<td>child2</td>
</tr>
......
</table>

解决方案

You may try

<table>
    <tr ng-repeat-start="parent in obj">
        <td>{{parent.name}}</td>
    </tr>
    <tr ng-repeat="child in parent.children">
        <td>{{child.name}}</td>
    </tr>
    <tr ng-repeat-end="">
    <tr/>
</table>

这篇关于ng-repeat 没有按预期工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！