html - 根据Angular 6中的类删除元素

Question

我有一个列表，点击每个项目，一个类在该列表中切换。这是我的代码

我的代码

我正在切换列表中的课程。当用户单击“添加”按钮时，我想从列表中删除未选择的元素。我已经完成了列表中的切换类，但是在基于 css 类删除项目时我遇到了问题。请帮忙。

标签： htmlcssarraystypescriptangular6

Answer 1

如果我完全理解您的需要，您想在单击按钮添加时删除未选择的项目，然后将其添加到您的按钮。

<button (click)="removeUnSelected()">ADD</button>

并将此功能添加到您的 app.ts 文件中

removeUnSelected() {
console.log(this.items[0].active);
// check if enything is selected first
let flag=0;
let i=0;
for(i=0;i<this.items.length;i++) {
  if(this.items[i].active) {
    flag=1;
    break; 
  }
}
if(flag){
for(i=0;i<this.items.length;i++) {
  if(!this.items[i].active) {
    this.items.splice(i, 1); 
    i--; 
  }
}
}

}

我已经尝试过了...如果单击按钮时未选择这些项目，这将从数组中删除。