如何在同一按鈕中使用routerLink和（單擊）？

Question

我編碼sideNavBar，當我單擊一個圖標時，我有兩個動作。 首先，我的sideNavBar必須打開，其次，我必須在不重新加載瀏覽器的情況下路由到所需的URL，但是當我同時使用兩個東西時，就像我的頁面重新加載並路由到該URL一樣，但是當我的html文件呈現所有其他URL時，我獨自使用工作正常。

這是我的代碼：

 <li class="li-margin-icon">
    <a class="icon-calendar"
       routerLinkActive="active" routerLink="./analysis-overview"></a>
  </li>

<li class="li-margin-icon">
    <a class="icon-calendar"
       (click)="subSideNav('content-production')"
       routerLinkActive="active" routerLink="./content/production"
       ></a>
  </li>

第一個路由器工作正常，但第二個路由器重新加載我的瀏覽器以導航到URL。

我該如何解決這個問題？

Answer 1

您可以在subSideNav函數下的ts移動路由代碼-

html

<li class="li-margin-icon">
    <a class="icon-calendar"
       (click)="subSideNav('content-production')"
       routerLinkActive="active"></a>
  </li>

ts

  import { Router } from '@angular/router';

  constructor(private router: Router) {}

  subSideNav(){
    //other code        
      this.router.navigate(['./content/production']);
  }