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. mysql - 查詢數據庫某個字段不重復的值，按時間排序，如何寫呢?2. 我在導入模板資源時遇到無法顯示的問題，請老師解答下3. mysql - 數據庫多表聯合查詢插入其他庫4. 請問連接文件怎么寫5. 請問“由于 Cookie “PHPSESSID”的“SameSite”屬性設置為“None”，但缺少“Secure”屬性，此 Cookie 未來將被拒絕?！闭垎柍霈F這個問題怎么辦？6. 上傳多圖時，最后一張圖為縮略圖，想設置第一張圖為縮略圖怎么解決？7. javascript - 用了koa mysql2 一直出現一個error8. mysql - 在PHPMyadmin上亂搗鼓后出現 了 - #2002 - — 服務器沒有響應（或本地服務器的套接字沒有正確設置）。9. php多任務倒計時求助10. 數組排序，并把排序后的值存入到新數組中
網公網安備