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

时间:2015-08-22 22:43:19

标签: angularjs click listitem angular-ngmodel

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

1 个答案:

答案 0 :(得分: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>