AngularJS - 在ng-repeat中使用ng-click为元素添加class
2016-08-01 14:12
671 查看
HTML
CSS
JS
<div> <ul> <li ng-repeat='x in date' ng-click='addClass(x)' ng-class='active:x.toggle> </li> </ul> </div>
CSS
.active{ background-color:red; }
JS
$scope.addClass = function(x){ x.toggle = !x.toggle }
相关文章推荐
- AngularJS使用ng-repeat遍历二维数组元素的方法详解
- angularjs中ng-repeat里面ng-model的使用
- AngularJS使用 ng-repeat 中的 $index与替代方法
- angularjs ng-click传参控制ng-repeat元素显示与隐藏
- angularjs中使用ng-repeat需要注意的东西
- ng-repeat 中动态绑定ng-click 点击事件处理函数&动态改变ng-class
- AngularJS中使用ng-repeat的index
- angularjs在ng-repeat中使用ng-model遇到的问题
- angularjs中使用ng-repeat渲染最后一个li的时候设置不同样式
- AngularJS中ng-class使用方法
- angularjs 使用ng-repeat报错
- AngularJs 在ng-repeat中动态使用ng-model进行双向数据绑定
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- AngularJS中,联合使用ng-repeat和ng-if,可以实现对数据删选显示效果,特别适合于用作表单数据的显示
- AngularJS: 使用ng-option生成下拉框,添加全部选择项
- AngularJs 在ng-repeat中动态使用ng-model进行双向数据绑定(二)
- AngularJS 中 ng-click传参使用随记
- 【Angularjs】ng-repeat中使用ng-model遇到的问题
- AngularJS:如何使用自定义指令来取代ng-repeat
- angularJs中关于ng-class的三种使用方式说明