如何创建动态子导航

Question

我正在使用 Angular 4 并且正在学习清晰度设计系统。想知道是否有人设法使用动态链接创建子导航？ https://vmware.github.io/clarity/documentation/header#subnav

我不确定如何正确处理这个问题。

Answer 1

<nav class="subnav">
    <ul class="nav">
        <li class="nav-item" *ngFor="nav of navs">
            <a class="nav-link" routerLinkActive="active"
[routerLink]="nav.link">{{nav.title}}</a>
        </li>
    </ul>
</nav>

在你的 class 中：

  nav = [
       {link:'somewhere/dashboard',title:'Dashboard'},
       {link:'somewhere/management',title:'Management'},
       {link:'somewhere/cloud',title:'Cloud'}

    ]

如何创建动态子导航

How to create a dynamic subnav

angular

vmware-clarity