ng-repeat在ng-repeat中，每个项目都带有td-AngularJS

kumareloaded 发表于 Dev

满载

这段代码为我提供了一个表格，其中的元素位于一列中。

这里的数据会像这样

var data = [[{"id":"1","value":"One"},{"id":"2","value":"Two"},{"id":"3","value":"three"}],[{"id":"4","value":"four"},{"id":"5","value":"five"},{"id":"6","value":"six"}],[{"id":"7","value":"seven"},{"id":"8","value":"eigth"},{"id":"9","value":"nine"}]]

<div id="mydiv">
    <table>
       <tr ng-repeat="rows in data">
           <td ng-repeat="item in rows">{{item.id}}:{{item.value}}</td>
        </tr>
    </table>
</div>

这给了我一张有三列的表格。喜欢

1:One 2:Two 3:three
4:four 5:five 6:six
7:seven . . .

与此同时，我希望表具有item.id一列:，一列和item.value一列的形式，以提高可读性，而不是一列。

试图这样做但无法正常工作，有人可以帮助我吗？

蒂莫西·珍妮

您应该以这种方式定义表：

<div id="mydiv">
    <table>
        <tr ng-repeat="rows in data">
            <td ng-repeat-start="item in rows">{{item.id}}</td>
            <td>:</td>
            <td ng-repeat-end>{{item.value}}</td>
        </tr>
    </table>
</div>

有关更多信息，请参见ngRepeat文档的特殊重复起点和终点部分：

为了重复一系列元素而不只是一个父元素，ngRepeat（以及其他ng指令）支持通过分别使用ng-repeat-start和ng-repeat-end定义显式的起点和终点来扩展转发器的范围。ng-repeat-start指令的作用与ng-repeat相同，但是将重复所有HTML代码（包括在其上定义的标签），直到并包括放置ng-repeat-end的结尾HTML标签。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。