成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁(yè)技術(shù)文章
文章詳情頁(yè)

angular.js - angular 如何用指令給給列表動(dòng)態(tài)進(jìn)行class切換

瀏覽：129日期：2024-10-03 10:29:41

問(wèn)題描述

angular.js - angular 如何用指令給給列表動(dòng)態(tài)進(jìn)行class切換

代碼

angular.js - angular 如何用指令給給列表動(dòng)態(tài)進(jìn)行class切換

想要的效果是，給當(dāng)前點(diǎn)擊的那個(gè)添加樣式，其他的清空。

問(wèn)題解答

回答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)文章：