在单个标签中使用两个ngRepeat

时间:2015-06-18 10:14:54

标签: javascript html angularjs

我们可以在一个html标签中使用多个ngRepeats吗?如下面的代码:

<ul>
<li ng-repeat="i in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]" ng-repeat="j in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]" ></li>
</ul>

我们可以使用&amp;&amp ;?来区分同一ngRepeat中的两种不同功能吗?如下面的代码:

<ul>
<li ngrepeat="i in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] && j in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]" ></li>
</ul>

我的目的是创建一个10 * 10的数学表,我想在一个表的一列中重复1-10个数字,并将在另一个列中乘以的数字。所以我需要你的帮助......

提前致谢

1 个答案:

答案 0 :(得分:2)

是的,您可以使用多个ngRepeat但转发器应该不同。例如:

<div ng-repeat="foo in footest">
    <div ng-repeat="bar in bartest">
       {{bar.prop}} {{foo.prop}}
    </div>
</div>