在使用ng-repeat时切换复选框,可以通过以下步骤实现:
<div ng-repeat="item in items">
<input type="checkbox" ng-model="item.selected">{{ item.name }}
</div>
$scope.toggleCheckbox = function(item) {
item.selected = !item.selected;
};
$scope.toggleCheckbox = function(item) {
item.selected = !item.selected;
};
<div ng-repeat="item in items">
<input type="checkbox" ng-model="item.selected" ng-click="toggleCheckbox(item)" ng-class="{ 'selected': item.selected }">{{ item.name }}
</div>
在这个例子中,通过ng-class指令将选中的复选框添加一个名为"selected"的CSS类。
以上是使用ng-repeat时切换复选框的基本步骤。根据具体的业务需求,可以进一步扩展和优化代码。对于更复杂的场景,可以考虑使用AngularJS的其他指令和功能来实现更高级的复选框切换效果。
腾讯云相关产品和产品介绍链接地址:
云原生正发声
Techo Day 第三期
DBTalk技术分享会
云+社区技术沙龙[第17期]
云+社区技术沙龙[第1期]
腾讯位置服务技术沙龙
云+社区技术沙龙[第9期]
技术创作101训练营
Elastic 中国开发者大会
云+社区技术沙龙 [第31期]
领取专属 10元无门槛券
手把手带您无忧上云