各位好想請問一下，我在不同地方都有設routing連結，但有一個區塊不清楚為什麼，點下去雖然網址會變，跟其他地方設置的一樣，但點了後第一次點過的地方。

假定我有頁面a,b,c，失效的區塊點了a之後之後點b或c都會轉往a，看現點了哪個。但網址確實有變更，如果主動點到網址那邊，在按下enter他又會轉往正確的a或b或c。

假設像是我點了a會連到 localhost/a 點b會到 localhost/b
網址確實會變成localhost/a 或localhost/b
但畫面卻是倒向同一個頁面，像在網址明明是localhost/b確導到a，
要是我在localhost/b網址上按下entet讓他重新進入一次又是正確的b頁面

請問比較可能是哪裡出問題？

區塊大概如下

<mat-sidenav #sideNav mode="side" position="end" class="main-sideNav">
    <div class="sidenav-item" *ngFor="let item of theme">
        <mat-icon class="main-sidenav-icon">fingerprint</mat-icon>
        <a simplePageScroll routerLink="/router/{{item.router}}"   (click)="toggleSideNav(sideNav)" href="#pageanchor">{{item.title}}</a>
    </div>
</mat-sidenav>

最外層是angular material的側邊欄位結構

  <mat-sidenav-container>
  </mat-sidenav-container>

假設/router/{{item.router}}
會是
/router/a
/router/b

但點了後內容可能只會一直是a或b的，
但網址確實有變更成/router/b或/router/b