要在AngularJS中从ng-repeat列表中删除类,可以使用ng-class指令结合一个条件表达式来动态添加或删除类。以下是一个示例代码:
HTML代码:
-
{{ item.name }}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.items = [
{name: 'Item 1', highlight: false},
{name: 'Item 2', highlight: false},
{name: 'Item 3', highlight: false}
];
$scope.removeItem = function(item) {
var index = $scope.items.indexOf(item);
$scope.items.splice(index, 1);
};
});
CSS代码:
.highlight {
background-color: yellow;
}
在这个示例中,我们使用了ng-repeat指令来创建一个列表,并使用ng-class指令来动态添加或删除highlight类。当删除一个项目时,我们使用JavaScript代码中的splice方法从items数组中删除该项目。