使用$ index在控制器中显示ng-show

Question

我有ng-repeat的项目列表，我需要显示＆＃34;状态＆＃34;在某个事件上的项目旁边的文本（如点击等），我发现我可以使用$index，但无法理解如何在控制器中使用它。 HTML：

<div ng-repat = 'item in items'> {{item}} <span ng-show = 'ShowItemStatus[$index]'> Status </span> </div>

我在控制器中使用ng-show，它看起来像：

$scope.ItemStatus = false 如何在控制器中获取索引，使其看起来像$scope.ItemStatus[$index] = false - 这对我不起作用。

Answer 1

$ index仅在ng-repeat内可用。它代表了遍历的当前位置。 如果将ng-repeat与for循环进行比较

for(var i = 0; i < arr.length; i++)

$ index 会映射到 i 值。 这意味着ShowItemStatus也应该是一个数组。您可以通过遍历控制器中的项来填充它。

Answer 2

正如goreorto已经提到的那样，$ index在迭代数组时就像变量i一样。 所以你的状态数组在这里看起来像这样：

 $scope.showItemStatus = [false, true, false];

这example可以帮到你。