html – 表中的AngularDart ng-repeat？

概述我正在尝试使用子列表迭代列表,并将它们打印为< tr>没有太大的成功. 这段代码说明了我想要完成的事情： <table> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> <span ng-repeat='x in [["a1","a2"],["b1","b2"],["c1","c2"]]'> <tr>{{x.le @H_301_6@ 我正在尝试使用子列表迭代列表,并将它们打印为< tr>没有太大的成功.

这段代码说明了我想要完成的事情：

<table>  <tr>    <th>1</th>    <th>2</th>    <th>3</th>  </tr>  <span ng-repeat='x in [["a1","a2"],["b1","b2"],["c1","c2"]]'>    <tr>{{x.length}}<tr>    <span ng-repeat='y in x'>      <tr>{{y}}<tr>    </span>  </span></table>

我希望这能表明：

<table>  <tr>3</tr>  <tr>a1</tr>  <tr>a2</tr>  <tr>b1</tr>  // and so on..</table>

我应该怎么做才能使这项工作？我想能够重复而不需要跨越..

解决方法 只有< table>内的表标签(td,th,tr,tbody …)如果显示标记,则应将ng-repeat添加到< tr>

如果使用angular1.2或更高版本,则可以使用ng-repeat-start和ng-repeat-end标记：

HTML：

<table ng-controller="APICtrl">    <tr ng-repeat-start="item in foo" ng-init="first=item[0]">        <td>first: {{ first }}</td>    </tr>    <tr ng-repeat-end ng-init="last = item[1]">        <td>last: {{ last }}</td>    </tr></table>

Js：

function APICtrl($scope) {    $scope.foo = [        ['one','uno'],['two','dos'],['three','tres']    ];}

这是JSfiddle

这是fiddle with nested lists

总结

以上是内存溢出为你收集整理的html – 表中的AngularDart ng-repeat？全部内容，希望文章能够帮你解决html – 表中的AngularDart ng-repeat？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。