代码之家 › 专栏 › 技术社区 › vedankita kumbhar

根据角度6中的类移除元素

angular6 typescript arrays css html

0

vedankita kumbhar · 技术社区 · 6 年前

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

My Code

我正在交换名单上的班级。当用户单击“添加”按钮时,我想从列表中删除未选中的元素。我已经完成了列表中的toggle类,但在基于css类删除项时遇到了问题。请帮忙。

3 回复 | 直到 6 年前

1

0

Akj 6 年前

试试这个:

DEMO

  deleteNotSelect() {
    let data = this.items.filter(data => data.active == true)
        if (data.length > 0) {
            this.items = data;
         }
  }

2

3

maha 6 年前

如果我完全理解您的需要,您想在单击“添加”按钮时删除未选中的项目,

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

}

我已经试过了。。。如果单击按钮时未选中这些项,则将从数组中删除它们。

3

0

madalinivascu 6 年前

  add() {
    this.items.forEach(function(v,i){
        v.active = false;
    })
  }

demo