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

Question

我有一个列表，在单击每个元素时，一个类就会在该列表中切换。这是我的代码

My Code

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

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--; 
  }
}
}

我已经试过了...如果单击按钮时未选中元素，这将从数组中删除元素。