angularJS在ng-repeat中添加表行(TR) -

时间:2014-03-14 20:10:57

标签: angularjs

编辑这是类似(或重复)的 Angular.js ng-repeat across multiple elements

-

我有一个表,其行是通过ng-repeat生成的:

<tr ng-repeat="(key, value) in rows"> 
    <td>{{a}}</td>
    <td>{{b}}</td>
</tr>

我真的更喜欢将它保存在&lt; table&gt;由于各种原因,标签,而不是几个内联块。

如何在每行下方添加另一行,例如伪代码

[ somehow-repeat ng-repeat="(key, value) in rows"]
    <tr class="1"> 
        <td>{{a}}</td>
        <td>{{b}}</td>
    </tr>

    <tr class="1"> 
        <td colspan="2">
    </tr>
[ /somehow-repeat ]

据我所知(值得检查)我不能将TR包装在另一个元素中。只是chekced :(表格没有显示我是否&#34;不知怎的 - 重复&#34;元素是或

所以 - 有没有办法添加新行,尽管在ng-repeat中?

1 个答案:

答案 0 :(得分:6)

您可以使用repeat-start和repeat-end:

<tr class="1" ng-repeat-start="(key, value) in rows"> 
    <td>{{a}}</td>
    <td>{{b}}</td>
</tr>

<tr class="1" ng-repeat-end> 
    <td colspan="2">
</tr>