Question

我在AngularJS中迭代数组（列表）时遇到了严重问题。
阵列的结构是 - ＆gt; items {var1，var2，array2 [var3，var4]}。我想在带有ng-repeat的表格中的HTML页面上显示这个数组，如下所示：

<tr ng-repeat="item in items">
   <td >{{item.var1}}</td>
   <td >{{item.var2}}</td>
   <td ng-repeat="...">###</td>
</tr>

代替＆＃34; ###＆＃34;我需要在正确的ng-repeat描述之后显示array2的变量，但我不知道这种情况的正确语法。我尝试了很多解决方案，但没有一个是有用的。

谢谢你的回答！： - ）

Answer 1

嵌套的ng-repeats可能会导致性能问题。如果内部数组是字符串或数字，请考虑使用类似：

  <div ng-repeat="inner in outer">
         {{inner.join(',')}}
<div>

Answer 2

使用此代码，这里我引用item.array2

中的每个嵌套数组项

      <tr ng-repeat="item in items">
    <td >{{item.var1}}</td>
   <td >{{item.var2}}</td>
   <td ng-repeat="i in item.array2">{{i}}</td>
</tr>

Answer 3

您应该像在第一个item.array2中那样迭代ng-repeat，例如：

<tr ng-repeat="item in items">
    <td >{{item.var1}}</td>
    <td >{{item.var2}}</td>
    <td ng-repeat="item_ in item.array2">
         {{item_}}
    </td>
</tr>

我没试过，但它应该有用。

Answer 4

你说得对，它就像嵌套ng-repeat一样简单，只需使用第一个ng-repeat ed项的数组属性作为嵌套项的模型：< / p>

试试这个，正如我在评论中提到的那样：

< td ng-repeat="subitem in item.array2">{{subitem}}< /td >

使用ng-repeat迭代AngularJS中的数组数组

4 个答案: