So erstellen Sie eine dynamische Subnav

Question

Ich benutze Angular 4 und lerne über die Klarheit Design-System. Frage mich, ob jemand es geschafft hat, Subnav mit dynamischen Links zu erstellen? https://vmware.github.io/clarity/documentation/header#subnav

Ich bin nicht sicher, wie man das richtig macht.

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> 

und in Ihrer Klasse:

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

    ]