サブリスト

Question

で、ダイナミックな崩壊メニューを作成する方法を2角度私は私がアンカータグをクリックすると、このコードは

  <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> 

：

あなたの例では、このようなものになるだろう！ :)