AdminLTE侧栏菜单选择不适用于angular 4项目

时间:2019-05-01 16:16:41

标签: adminlte

我正在尝试在我的有角项目中添加AdminLTE。正如他们的文档所述,我添加了他们所说的所有内容。

侧边菜单

外,所有功能都可以正常工作,例如headernav-barfooter

这是我的侧边菜单代码

<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。 是什么问题,我有什么遗漏吗?

0 个答案:

没有答案