NG-重复不工作按预期 [英] ng-repeat is not working as expected

问题描述

以下对象应该产生一个桌子底下父和子对象表行（如兄弟姐妹）。怎么会这样，我用NG重复启动，但没有用。我需要它等于比对。

  [
{'名'：'parent1'，'儿童'：[{'名'：'child1}，{'名'：'的child2'}]}，
{'名'：'parent2'，'儿童'：[{'名'：'child1}，{'名'：'的child2'}]}
......
]
＆LT;表＆gt;
＆LT; TR NG重复=父在目标文件＆GT;
＆所述; TD＆GT; {{parent.name}}＆下; / TD＆GT;
＆LT; / TR＆GT;
＆LT; TR NG重复=孩子parent.children＆GT;
＆所述; TD＆GT; {{child.name}}＆下; / TD＆GT;
＆LT; / TR＆GT;
...........
 

表应该生成象下面这样：

 ＆LT;表＆gt;
＆所述; TR＆GT;
＆LT; TD＆GT; Parent1＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD＆GT; child1＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD＆GT;的child2＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD＆GT; Parent2＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD＆GT; child1＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆所述; TR＆GT;
＆LT; TD＆GT;的child2＆LT; / TD＆GT;
＆LT; / TR＆GT;
......
＆LT; /表＆gt;
 

解决方案

您可以尝试

 ＆LT;表＆gt;
    ＆LT; TR NG重复启动=父在目标文件＆GT;
        ＆所述; TD＆GT; {{parent.name}}＆下; / TD＆GT;
    ＆LT; / TR＆GT;
    ＆LT; TR NG重复=孩子parent.children＆GT;
        ＆所述; TD＆GT; {{child.name}}＆下; / TD＆GT;
    ＆LT; / TR＆GT;
    ＆LT; TR NG重复端=＆GT;
    ＆所述; TR /＆GT;
＆LT; /表＆gt;
 

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-重复不工作按预期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！