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

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

  •  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

    推荐文章