如何在 angularJS 中设置点击的列表项？

Question

我有一组列表项，每个都是可点击的。单击后，我希望基础模型更新为当前单击的列表项索引。例如，如果我点击第三项，我希望我的控制器的 $scope.current 设置为 2。由于列表项不是标准表单输入，我似乎无法使用 ng-model，所以我是想知道解决方案是什么....

Answer 1

您可以使用附加到 $scope 的方法，并将 $index（当前项 ngRepeat 索引）传递给它：

$scope.items = ['one', 'two', 'three', etc...];

$scope.current = null;

$scope.setCurrent = function setCurrent(index) {
    $scope.current = index;
};

<ul>
    <li ng-repeat="item in items" ng-click="setCurrent($index)">{{item}}</li>
</ul>