한 부모를 클릭하면 모든 부모가 자식을 렌더링하고 hide와 비슷합니다. 나는 각도 2에 처음이다. 제발 권 해드립니다.각도 숨기기 표시가 작동하지 않습니다.
그래서 나는 다음과 같은 구성 요소
import { Component, Input } from '@angular/core';
@Component({
selector: 'sidebar-cmp',
templateUrl: 'sidebar.html',
styleUrls: [
'sidebar.scss'
]
})
export class SidebarComponent {
@Input() tenants = 0;
showMenu: string = '';
addExpandClass(element: any) {
if (element === this.showMenu) {
this.showMenu = '0';
} else {
this.showMenu = element;
}
}
}
해당 HTML을 가지고 당신이 변수하지 문자열을 전달 여기처럼 보이는됩니다
<nav class="sidebar">
<ul class="list-group" *ngFor="let tenant of tenants ;trackBy: trackId">
<div class="nested-menu">
<a class="list-group-item" (click)="addExpandClass('tenant.id')">
<span><i class="fa fa-th-list"></i> {{tenant.name}}</span>
</a>
<li class="nested" [ngClass]="{'expand' : showMenu === 'tenant.id' }">
<ul class="submenu">
<li>
<a href><span>Submenu</span></a>
</li>
<li>
<a href><span>Submenu</span></a>
</li>
</ul>
</li>
</div>
</ul>
</nav>
는 당신이 [아코디언 메뉴] 같은 것을 의미했다 (http://bootsnipp.com/snippets/featured/accordion-menu) ? 한 번에 하나의 메뉴 만 열립니다. –