Ngfor döngüsünde iki kez çalışan olay'ı tıklatın. açılı

Atlayamadığım ilginç bir problem buldum.

Bir tıklama olayı ile follwing * ngFor döngüsüne sahibim.

<label class="input-group" *ngFor="let status of statuses; trackBy: id"
    (click)="filterByCategory(status.name)">{{ status.name }}
    <span class="chip chip-icon" [attr.data-chip-state]="status.name">
    {{ partners | counter: status.name }}</span>
    <input type="checkbox" />
    <span class="checkmark"></span>
</label>

click olayı fn filterByCategory (), bir dizi nesneyi filtrelemek için bir diziden dize eklemekten veya kaldırmaktan sorumlu olan basit bir işlemdir.

  filterByCategory(category, event: Event) { 
    let verify = this.filterArr.includes(category);
   
    if (!verify) { 
      this.filterArr.push(category)
    } else {    
      let indexOfCategory = this.filterArr.indexOf(category);
      this.filterArr.splice(indexOfCategory, 1);
    } 
  
    this.filteredPartners = this.partners.filter(partner => {
      return this.filterArr.includes(partner.partner_status.name);
    }) 
  }

Olay tetiklendiğinde, iki kez çalışır ve ıf deyimi önce dizeyi ekler ve sonra kaldırır.

Bunu çözmenin bir yolu olan var mı?

Teşekkürler!