javascript - 在单个标签中使用两个 ngRepeat

Question

我们可以在一个 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>

或

我们可以使用 && 区分同一个 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 个数字，并在另一列中重复要相乘的数字。所以我需要你的帮助..

提前致谢

Answer 1

是的，您可以使用多个ngRepeat，但repeater应该不同。例如:

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