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

これは私のCSSファイルでは動作しません、角度2 - ngFor subnavbarメニューは、CSS

そして、これはここに私のHTMLファイル

<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> 

ですメニューが大丈夫なので、サブメニューのように見える/写真

Image

答えて

0

私は解決策を見つけた:D - 週末

<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> 

問題がngIf

とタグでした