如何在单击指令ng-repeat项时切换ng-class

在AngularJS中，ng-repeat指令用于循环遍历一个数组或对象，并为每个项创建一个模板实例。ng-class指令用于动态设置元素的CSS类。

要在单击ng-repeat项时切换ng-class，可以使用ng-click指令结合ng-class指令来实现。以下是实现的步骤：

1. 在ng-repeat指令所在的元素上添加ng-click指令，并绑定一个函数，用于切换ng-class所设置的CSS类。例如：<div ng-repeat="item in items" ng-click="toggleClass(item)"> {{ item.name }} </div>
2. 在控制器中定义toggleClass函数，用于切换CSS类。函数可以通过修改ng-class所绑定的变量来实现。例如：$scope.toggleClass = function(item) { item.isActive = !item.isActive; };
3. 在ng-class指令中设置CSS类名，并根据ng-class所绑定的变量来决定是否应用该类。例如：<div ng-repeat="item in items" ng-click="toggleClass(item)" ng-class="{ 'active': item.isActive }"> {{ item.name }} </div>在上述代码中，当点击ng-repeat项时，toggleClass函数会修改item.isActive的值，从而切换CSS类'active'的应用。

这样，当单击ng-repeat项时，会切换ng-class所设置的CSS类，从而改变元素的样式。

关于腾讯云相关产品和产品介绍链接地址，由于不能提及具体品牌商，建议您参考腾讯云官方文档或咨询腾讯云客服获取相关信息。