angular.js - angular 如何用指令給給列表動態(tài)進(jìn)行class切換
問題描述
代碼
想要的效果是，給當(dāng)前點(diǎn)擊的那個(gè)添加樣式，其他的清空。
問題解答
回答1：不要這么麻煩了，咱們直接用ng-class吧，像這樣：
修正：
好吧，我錯(cuò)了
<!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 里的每個(gè)元素加個(gè) isSelected 屬性，當(dāng) Click 時(shí)更改 isSelected 的值HTML 中用 ng-class
相關(guān)文章：
1. docker網(wǎng)絡(luò)端口映射，沒有方便點(diǎn)的操作方法么？2. mac連接阿里云docker集群，已經(jīng)卡了2天了，求問？3. vim - docker中新的ubuntu12.04鏡像,運(yùn)行vi提示,找不到命名.4. 為什么我ping不通我的docker容器呢？？？5. angular.js - angular內(nèi)容過長展開收起效果6. html5和Flash對抗是什么情況？7. golang - 用IDE看docker源碼時(shí)的小問題8. 我何時(shí)應(yīng)該在Java中使用JFrame.add（component）和JFrame.getContentPane（）。add（component）9. 前端 - @media query 使用出現(xiàn)的問題？10. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？
網(wǎng)公網(wǎng)安備