如何在Angular 2中删除数组中的多个值

时间:2017-03-16 14:09:40

标签: angular typescript ionic2

我从列表中选择了多个离子项,但我想从数组中删除多个相同的项目。

HTML代码

<div class="ion-item optionalItem">
    <button class="ion-button" ion-item *ngFor="let configop of interiorOption" (click)="itemSelected(configop)">
        <span class="color-name">{{ configop.intName }}</span>
        <span class="color-price">{{ configop.price }}</span>
    </button>
</div>

TypeScript代码

this.Array.push(configop);

for (let key in this.Array) {
    this.Array2.push(this.Array[key])
}

for(let i = 0; i < this.Array.length; i++) {    
    if(this.Array[i] === this.Array2[i])
    {
        this.Array.pop();
    }

    console.log("Sorted",this.Array);
} 

2 个答案:

答案 0 :(得分:0)

使用Object而不是Array将是更好的选择

点击按钮之前:

object = {
  intName : false
}
单击按钮后

if (!object.intName) {
  object.intName = true;
}

输出所有点击的按钮:

for (let key in object) {
  if(object.key) console.log(key);
}

答案 1 :(得分:0)

这可以帮助删除数组中的dulpicates。

case