代码
Kesan yang diingini ialah menambah gaya pada yang sedang diklik dan mengosongkan yang lain.
欢迎选择我的课程，让我们一起见证您的进步~~
Jangan pergi ke masalah seperti itu, mari kita gunakan ng-class, seperti ini:
ng-class
Pembetulan:
Nah, saya silap
<!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-class="{active: currentIndex === $index}" 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>
Gunakan kaedah pengikatan atributTambahkan atribut isSelected pada setiap elemen dalam ulList dan tukar nilai isSelected apabila DiklikGunakan ng-class dalam HTML
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jangan pergi ke masalah seperti itu, mari kita gunakan
ng-class, seperti ini:Pembetulan:
Nah, saya silap
Gunakan kaedah pengikatan atribut
Tambahkan atribut isSelected pada setiap elemen dalam ulList dan tukar nilai isSelected apabila Diklik
Gunakan ng-class dalam HTML