Я пытаюсь добавить AdminLTE
в свой угловой проект.Как говорится в их документации, я добавил все, что они сказали.
Все функции работают нормально, как header
, nav-bar
, footer
, кроме Боковое меню
Вот мой код бокового меню
<aside class="main-sidebar">
<section class="sidebar">
<div *ngIf="(auth.isAuthenticatedAsync() | async)" class="user-panel">
<div class="pull-left image">
<img [src]="auth.getUserPicture()" class="img-circle" >
</div>
<div class="pull-left info">
<p>{{auth.getUserName()}}</p>
</div>
</div>
<ul class="sidebar-menu" data-widget="tree">
<li *ngFor="let item of links" [class.treeview]="item.sublinks">
<a [routerLink]="item.link" *ngIf="!item.sublinks">
<i class="fa fa-dashboard"></i>
<span>{{item.title}}</span>
</a>
<a href="#" *ngIf="item.sublinks">
<i class="fa fa-dashboard"></i>
<span>{{item.title}}</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li *ngFor="let sublink of item.sublinks">
<a [routerLink]="sublink.link">
<i class="fa fa-dashboard"></i>
<span>{{sublink.title}}</span>
</a>
</li>
</ul>
</li>
</ul>
</section>
</aside>
Здесь links
- массив объектов {
'title': 'Home',
'icon': 'dashboard',
'link': ['/dashboard']
}
Я использую AdminLTE 2.4.8
.В чем проблема, я что-то упустил?