AdminLTE меню боковой панели не работает с Angular 4 проекта - PullRequest
0 голосов
/ 01 мая 2019

Я пытаюсь добавить 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.В чем проблема, я что-то упустил?

...