AngularJS添加-从ng-repeat列表中删除类
创始人
2024-10-27 12:30:24
0

要在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数组中删除该项目。

相关内容

热门资讯

透视透明挂!poker外挂,f... 透视透明挂!poker外挂,fishpoker俱乐部有挂,其实真的有挂(有挂技巧)-哔哩哔哩1、玩家...
我来教大家!pokerrrr开... 1、我来教大家!pokerrrr开挂(透视)的确是真的有挂(详细教程)(有挂攻略)-哔哩哔哩2、进入...
九分钟了解!fishpoker... 九分钟了解!fishpoker正规(透视)果真是真的有挂(详细教程)(有挂总结)-哔哩哔哩;科技详细...
重大通报(德州可能有外挂)软件... 重大通报(德州可能有外挂)软件透明挂(透视)竟然真的有挂(有挂技巧)-哔哩哔哩,支持语音通讯、好友开...
必备辅助推荐!德扑之星如何开房... 必备辅助推荐!德扑之星如何开房间,德扑之星可以抽水,的确真的有挂(有挂方法)-哔哩哔哩;一、德扑之星...
透明教学!众合推扑克有辅助(透... 透明教学!众合推扑克有辅助(透视)原来真的有挂(详细教程)(有挂方法)-哔哩哔哩;大神普及一款德州a...
透视辅助!fishpoker ... 透视辅助!fishpoker app辅助(透视)竟然真的有挂(详细教程)(有挂教程)-哔哩哔哩 科技...
透明透视(轰趴大菠萝十三水有外... 透明透视(轰趴大菠萝十三水有外挂)透视辅助(辅助挂)其实是真的有挂(有挂总结)-哔哩哔哩;1分钟了解...
透视线上!欢乐棋牌有挂,德扑牌... 透视线上!欢乐棋牌有挂,德扑牌力分析软件,果真真的有挂(有挂规律)-哔哩哔哩;德扑牌力分析软件简单的...
玩家必备攻略!哈糖大菠萝有辅助... 玩家必备攻略!哈糖大菠萝有辅助(透视)确实真的有挂(详细教程)(有挂了解)-哔哩哔哩科技教程也叫必备...