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. javascript - 三目運算符的一些問題2. css3 - transition屬性當鼠標一開的時候設置的時間不起作用3. javascript - 為什么我的vue里的router-link不起作用4. css - 移動端 oppo 手機之 Border-radius5. javascript - gulp 使用 testAutoFx 添加前綴后，再使用gulp-minify-css壓縮文件，無法正常壓縮6. javascript - vue.js 在main.js里寫的方法 頁面刷新方法變無效 怎么寫一個全局的方法不管怎么刷新都一直在7. a標簽跨域下載文件能否重命名？8. android - weex 項目createInstanceReferenceError: Vue is not defined9. javascript - 如圖，百度首頁，查看源代碼為什么什么都沒有？10. pdo 寫入到數據庫的內容為中文的時候寫入亂碼
網公網安備