導航欄不能在角2中工作

我正在嘗試使導航欄具有單擊導航到某個組件後的圖像。以下是代碼。導航欄不能在角2中工作

<nav class="sidenav col-md-1"> 
     <ul class="menu" routerLinkActive="active"> 
      <li class="menu-item"> 
       <img src="../../assets/images/Mask Group 7.svg" alt="Logo" style="height: 100%"> 
      </li> 
      <li class="menu-item"> 
       <a routerLink="dashboard" routerLinkActive="active"> 
       <img src="../../assets/images/home.svg" alt="Home" style="height: 100%"> 
       </a> 
      </li> 
      <li class="menu-item"> 
       <a routerLink="dashboard" routerLinkActive="active"> 
       <img src="../../assets/images/accept-file-or-checklist.svg" alt="Home" style="height: 100%"> 
       </a> 
      </li> 
      <li class="menu-item"> 
       <a routerLink="dashboard" routerLinkActive="active"> 
       <img src="../../assets/images/folded-text-document.svg" alt="Home" style="height: 100%"> 
       </a> 
      </li> 
      <li class="menu-item"> 
       <a routerLink="dashboard" routerLinkActive="active"> 
       <img src="../../assets/images/wukla_logo.svg" alt="Home" style="height: 100%"> 
       </a> 
      </li> 
     </ul> 
    </nav>

問題是，當我使用內<li>標籤圖像<a>標籤不顯示。而且它也不可點擊。一些幫助將不勝感激。

來源

2017-08-08 Shoaib Iqbal

創造plunker爲了更好地理解您的問題 – Faisal

嘗試通過更改您的routerLink作爲routerLink ='/儀表板' –

仍然沒有運氣@Sami –

在（li）標記中放置routerLink =「」，而不是放在（a）標記中。它會正常工作。

來源

2017-08-08 10:00:21

對不起！我不明白！可以請你解釋一下！ –

有如下兩種方式：

使用href的錨標記 HREF =「頁面URL」像「/生活/工作/ findwork」和錨標籤下定義圖像
或者你可以使用UI-S參考，而不是像UI-SREF = 「work.upcomingsessions」 href是路由URL

它會以兩種方式工作。

來源

2017-08-08 10:08:49

這可能與錨標記工作：

[routerLink] = 「[ '/儀表盤']」[routerLinkActive] = 「[ '主動']」

來源

2017-08-08 10:09:23

注意的routerLink語法和routerLinkActive。試試這個：

<nav class="sidenav col-md-1"> 
     <ul class="menu"> 
      <li class="menu-item" routerLinkActive="active"> 
       <a [routerLink]="['/dashboard']"><img src="../../assets/images/Mask Group 7.svg" alt="Logo" style="height: 100%"></a> 
      </li> 
      ... 
     </ul> 
</nav>

凡active是一個CSS類。

來源

2017-08-08 10:43:55

當它被導航到另一個組件，使用正確的路徑條目在app.module.ts其中路線定義，感謝

來源

2017-08-11 10:33:58

導航欄不能在角2中工作

回答

相關問題