如何在同一按钮中使用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

  

您可以在函数ts下的subSideNav中移动路由代码-

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']);
  }