外部和内部forloop角

Question

我是新手…我要做的就是循环中的循环(一个外部和一个内部for循环)

html:

<tbody>
<tr ng-repeat="service in services track by $index">
<td>
<table>
<tr ng-repeat="sd in service.data">
<td>How do I write here to show (line1,row1) (color1,red1) etc ?</td>
<td>If item2 ... (line2,row2) (color2,red2)</td>
<td>If item3 ... (line3,row3) (color3,red3)</td>
</tr>
</table>  
</td>
</tr>
</tbody>

我的控制器(具有充当模型的数据):

$scope.services = [
{ index: 0, 
name: "Getwebcolors", 
url:"getwebcolors", 
type: "GET", 
description: "Hexadecimal values from {url} separated by semicolons", 
data:[["line1","solid1"],["color1","red1"]] },
{ 
index: 1, 
name: "desc 2", 
url:"", 
type:"GET", 
description: "X2", 
data:[["line2","solid2"],["color2","red2"]] },
{ 
index: 2, 
name: "desc 3", 
url:"", 
type:"POST", 
description: "X3", 
data:[["line3","solid3"],["color3","red3"]] }
];

---

更新

澄清。(我希望:-))

<!-- This loops through through the outer array services
and the inner array data -->
<tr ng-repeat="service in services track by $index">
<td>
<table>
<tr ng-repeat="sd in service.data">
<td>{{sd[0]}}</td><td>{{sd[1]}}</td>            
</tr>
</table>  
</td>
</tr>
</tbody>

上面将显示第一个服务

line 1, solid1 (first column = line1, second column = solid1)
color1, red1   (first column = color1, second column = red1)

…(与上面第一个服务中描述的列结构相同)

line 2, solid2
color2, red2

$scope.services是对象的数组。每个对象都有一个数据属性，该属性是数组的数组。[[为数组，{为对象。这是一个标准，我希望?Angular使用它来，但看起来是这样的:-)

$scope.services.service[index].data包含一个数组，可能有未知的行数，但每行包含一个键/值对(例如line1->solid1)

---

这是我在angular中的第一个应用。最终目的是在点击特定的webservice

后获取信息。

[button 1 = webservice 1] -> show info
[button 2 = webservice 2] -> show info
[button 3 = webservice 2] -> show info

---

我想了解如何引用数据数组中的不同项，并且这样做for循环似乎是理解它如何与ng-repeat一起工作的好方法。我想我从{{sd[0][0]}}和{{sd[0][1]}}开始做了这样的事情，但这根本不起作用(因为它然后使用sd[0]的第一个字符和sd[0]的第二个字符代替)

——现在，当我明白这一点时，我可以继续单击(我知道如何在单击按钮时将值从$scope绑定到元素，但我遇到了数据问题，这是数组的数组)。

---

谢谢你的帮助!如果我写错了什么，请告诉我。这就是你学习的方式!)

Answer 1

我想你可能在尝试这样做:

<tbody>
<tr ng-repeat="service in services track by $index">
<td>
{{service.name}}
</td>
<td>
<table>
<tr ng-repeat="sd in service.data">
<td>{{sd[0]}}</td>
<td>{{sd[1]}}</td>
</tr>
</table>  
</td>
</tr>
</tbody>

Answer 2

由于services.data似乎有一个固定的，您可以这样做

<table>
<tr ng-repeat="sd in services">
<td>
({{sd.data[0][0]}},{{sd.data[0][1]}})
({{sd.data[1][0]}},{{sd.data[1][1]}}) 
</td>
</tr>
</table>