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

相关内容

热门资讯

透视科技(WPK)真是真的有挂... 透视科技(WPK)真是真的有挂(透视)购买的wpk辅助在哪里下载(系统教程)1、进入到购买的wpk辅...
透视实锤(WPK)本来真的是有... 透视实锤(WPK)本来真的是有挂(透视)如何判断wpk辅助软件的真假(透牌教程)1、金币登录送、破产...
透视代打(WPK)本来有挂(透... 透视代打(WPK)本来有挂(透视)wpk透视插件(科技教程)透视代打(WPK)本来有挂(透视)wpk...
透视新版(WPK)确实有挂(透... 透视新版(WPK)确实有挂(透视)wpk有那种辅助吗(扑克教程)1)wpk有那种辅助吗辅助挂:进一步...
透视总结(WPK)真是是真的有... 透视总结(WPK)真是是真的有挂(透视)wpk透视辅助(切实教程)1、wpk透视辅助ai机器人多个强...
透视最新(WPK)真是是有挂(... 透视最新(WPK)真是是有挂(透视)wpk控制牌是真的吗(存在挂教程)1、进入到wpk控制牌是真的吗...
透视新版(WPK)竟然是有挂(... 透视新版(WPK)竟然是有挂(透视)wpk透视怎么安装(必胜教程);一、wpk透视怎么安装软件透明挂...
透视透视挂(WPK)竟然真的是... 透视透视挂(WPK)竟然真的是有挂(透视)wpk辅助是什么(教你攻略)1、游戏颠覆性的策略玩法,独创...
透视挂(WPK)总是有挂(透视... 透视挂(WPK)总是有挂(透视)wpk是真的还是假的(规律教程)1、wpk是真的还是假的系统规律教程...
透视好友(WPK)总是是有挂(... 透视好友(WPK)总是是有挂(透视)wpk辅助购买(存在挂教程)1、wpk辅助购买机器人多个强度级别...