2017-02-20 3 views
0
.sub-navbar { 
    background-color: #002b31; 
    height:57px; 
    font-size: 13px; 
    margin-top: 175px; 
} 

Dies ist meine CSS-Datei,Angular 2 - ngFor subnavbar Menü funktioniert nicht mit CSS

Und das ist meine HTML-Datei

<div class="container-fluid"> 
<div class="row"> 
    <nav class="navbar navbar-default sub-navbar"> 
     <div *ngFor="let nav of navMenu"> 
      <ul class="nav navbar-nav "> 
       <div *ngIf="nav.link == currentLink"> 
        <li *ngFor="let sub of nav.subMenu"> 
         <a [routerLink]="[sub.link]"> 
          {{sub.name}} 
         </a> 
        </li> 
       </div> 
      </ul> 
     </div> 
    </nav> 
</div> 

Hier ist, was es wie das Untermenü aussieht, weil Menü in Ordnung ist/Foto

Image

Antwort

0

ich eine Lösung gefunden: D - Wochenende

<div class="container-fluid "> 
<div class="row"> 

    <nav class="navbar navbar-default sub-navbar"> 
     <div *ngFor="let nav of navMenu"> 
      <ul class="nav navbar-nav " *ngIf="nav.link == currentLink"> 
       <!--<div *ngIf="nav.link == currentLink" >--> 
        <li *ngFor="let sub of nav.subMenu"> 
         <a [routerLink]="[sub.link]"> 
          {{sub.name}} 
         </a> 
        </li> 
       <!--</div>--> 
      </ul> 
     </div> 
    </nav> 
</div> 

das Problem mit dem ngIf in dem Tag war