Angular 2 Filter und Toggle-Funktion nicht wie erwartet funktioniert

Question

Ich habe ein Hamburger-Menü erstellt und es gibt Toggle-Funktion für die Anzeige von Unterkategorien diese Toggle-Funktion funktioniert gut, bis ich Filter auf sie anwenden. Nach dem Durchsuchen einer Kategorie durch Filter Toggle-Funktion funktioniert nicht.

das ist mein HTML-Code

<ul class="nav navbar-nav"> 
<div id="menuToggle" class="sidenav"> 
<ul id="menu"> 
    <li> 
    <input class="form-control" type="search" [(ngModel)]="txtToSearch" placeholder="Search"/> 
    </li> 
    <li *ngFor="let category of (componentContents.dashboardMenu | dashboardFilter : txtToSearch); let i = index" > 
    <p class="toggleMenu" (click)="toggleMenu(i,componentContents.dashboardMenu)">{{category.category}} 
    </p> 

    <div *ngIf="category.show"> 
     <ul id="{{(category.category).split(' ').join('-')}}" *ngIf="category.subCategory.length > 0"> 
     <li *ngFor="let subCat of category.subCategory"> 
      <a routerLink={{subCat.router}} routerLinkActive="active">    
      <span class="glyphicon glyphicon-bell" ></span>{{subCat.subcategory}} </a></li> 
     </ul> 
    </div> 
    <hr /> 
    </li> 
</ul> 

in component.ts diesen Code im mit für Umschaltfunktion

toggleMenu(index, catArry) { 
if (catArry[this.prevClicked] && this.prevClicked !== index) { 
    catArry[this.prevClicked].show = false; 
} 
catArry[index].show = !catArry[index].show; 
this.prevClicked = index; 
} 

Answer 1

Die index Variable gilt nur für das aktuelle Ergebnis. Wenn der Filter angewendet wird, ändert sich das Ergebnis und der Index entspricht nicht der tatsächlichen Position des Elements im Array.

Sie die Kategorie sich der toggleMenu(category, catArray) Funktion anstelle von Index passieren können und den Index in toggleMenu Funktion catArray.indexOf(category)