angular.js - angular 如何用指令给给列表动态进行class切换
问题描述
代码
想要的效果是，给当前点击的那个添加样式，其他的清空。
问题解答
回答1：不要这么麻烦了，咱们直接用ng-class吧，像这样：
修正：
好吧，我错了
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title></title></head><body ng-app='myApp' ng-controller='myCtrl'> <ul><li ng-repeat='x in ulList' ng- ng-click='handleActive($index)'>{{ x.li }}</li> </ul> <script type='text/javascript'>var app = angular.module(’myApp’, []);app.controller(’myCtrl’, [’$scope’, function($scope){ $scope.handleActive = function(index){ $scope.currentIndex = index; };$scope.ulList = [{ id: ’1’, li: ’01’},{ id: ’2’, li: ’02’},{ id: ’3’, li: ’03’},{ id: ’4’, li: ’04’} ];}]); </script></body></html>回答2：
用属性绑定的方式给 ulList 里的每个元素加个 isSelected 属性，当 Click 时更改 isSelected 的值HTML 中用 ng-class
相关文章：
1. 为什么span的color非要内联样式才起作用？2. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始3. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？4. angular.js - angular-ui-bootstrap 报错无法使用？5. python - 如何修改twisted自带的日志输出格式?6. docker - 如何修改运行中容器的配置7. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？8. 请问一下各位老鸟 我一直在学习独孤九贱 现在是在tp5 今天发现 这个系列视频没有实战9. 在cmd下进入mysql数据库，可以输入中文，但是查看表信息，不显示中文，是怎么回事，怎新手，请老师10. 如何使用git对word文档进行版本控制？
网公网安备