routerLinkActive爲錨點

Question

我有一個navbar彈出。我希望能夠激活下拉菜單的anchor。

<ul class="navbar"> 
    <li class="nav-item"> 
     **<a class="dropdown-toggle nav-link>Parent</a> ** 
     <div class="dropdown-menu> 
      <a class="dropdown-item" routerLink="/" 
        routerLinkActive="nav-element-active">Overview</a> 
      <a class="dropdown-item" routerLink="/Overview2" 
        routerLinkActive="nav-element-active">Overview2</a> 
     </div> 
    </li>... 
</ul>  

<a>也應在下拉導航中激活。是否可以使用routerLinkactive？

Answer 1

在您的component.ts文件中，添加 從'@ angular/router'導入{RouterLinkActive};

並將其添加到指令數組中。它會爲你工作。

我給出的解決方案按角度2.0 rc-5版本