Углового 2 как создавать динамическое меню коллапса, с подсписком

Question

Я этот код

  <ul class="nav navbar-nav" id="according"> 

       <li *ngFor="let item of getMenuFromList(); let i = index " class="ng-menu_parent"> 
        <div class="heading" role="tab"> 
        <a class="collapsed" 
         (click)="collapseMenu($event, collapse, i)">{{item.label}}</a> 
        </div> 
        <ul class="collapse" #collapse > 
        <li *ngFor="let sub of item.items"> 
         <a href="{{sub.url}}">{{sub.label}}</a> 
        </li> 
        </ul> 
       </li> 
      </ul> 

Когда я нажимаю на якорь теге, этот метод будет вызывать

private collapseMenu(event: any, current: any, id: number) : void { 
    current.style.display = 'block';} 

Но это не работает , Как мне нужно сделать клик, чтобы меню было slideDown?

Answer 1

ВЫ МОЖЕТЕ использовать раздел, а затем использовать CSS для форматирования, как вы хотите. Это также уберет любые «лишние» методы, которые будут называться, поскольку он хорошо работает сам по себе.

Ваш пример будет тогда быть что-то вроде этого:

<section *ngFor="let item of getMenuFromList(); let i = index"> 
    <summary>{{item.label}}</summary> 
    <ul> 
     <li *ngFor="let sub of item.items"> 
     <a href="{{sub.url}}">{{sub.label}}</a> 
     </li> 
    </ul> 
</section> 

Просто бросить его там! :)