如何从使用ng-repeat呈现的项目列表中进行选择

Question

我有数组的数组作为响应

[
[
"i-091a5dosdobs2",
"t2.nano",
"running"
],
[
"i-03dd8duhud9",
"t2.micro",
"running"
]
]

我正在使用ng-repeat并将数据呈现到表

<tbody>
<tr ng-repeat="datas in data" >
<td ng-repeat="d in datas">
{{d}}
</td>
<td>
<button class="btn btn-primary" ng-click="close(d)">Close</button>
</td>
</tr>
</tbody>

我想在所有行中都有按钮可以关闭那个特定的实例但是怎么做呢?在json中，我们可以使用key。在这里怎么做呢?

Answer 1

如果您需要一个唯一的键来关闭行。然后可以使用

<tr ng-repeat="(key, value) in data">

，所以键将指向数组的索引，0,1,2，…

Answer 2

您只需要传递ec2实例ID，即d[0]

<button class="btn btn-primary" ng-click="close(d[0])">Close</button>

和close函数类似于

$scope.close = function(id) {
// factory send ajax to close the instance ... then
let index = $scope.data.findIndex((i)=> i[0]===id)
$scope.data.splice(index,1); // this would remove the item from your table
}