Javascript 类切换在组件4之间不起作用

嘿，我有一个汉堡包菜单，点击它就会得到一个

处于活动状态的
类，该类会根据点击进行切换，我的问题是当我在我的主页上时它会工作，然后，当我通过
routerLink
点击到另一个页面时，它会工作，但当我点击到另一个页面时，它会按照编程删除类
处于活动状态
，但当我再次点击时，它不会添加类
处于活动状态
，但如果我再次点击它，则会应用
处于活动状态
。。。如果我从一个不在家的页面开始，我会单击汉堡，什么也不会发生，如果我再次单击它，
处于活动状态
类被应用，我不确定这里发生了什么，如果有人知道这将是一个很大的帮助

app.component.html

<router-outlet></router-outlet>
<div class="nav-page">
  <a routerLink="/"><img class="img" src="../assets/img/nav-logo.svg" /></a>
  <ul (click)="navLinkClick()" class="nav-page_ul">
    <a [routerLink]="['who-we-are']"><li>who we are</li></a>
    <a [routerLink]="['our-technology']"><li>our technology</li></a>
    <a [routerLink]="['our-work']"><li>our work</li></a>
    <a [routerLin]k="['get-in-touch']"><li>contact us</li></a>
  </ul>
</div>
<div class="nav-page-btn">
    <div (click)="hamburgerClick()" [ngClass]="wasClicked ? 'is-active' : ' '" class="hamburger hamburger--spring">
        <div class="hamburger-box">
          <div class="hamburger-inner"></div>
        </div>
    </div>
</div>

更新

所以发生了一些奇怪的事情

如果我删除
（单击）=“hamburgerClick（）”
按钮在除主页外的每一页上都能按预期工作，但显然我需要主页上的按钮工作，然后还需要使用该功能打开nav
我试图复制您的问题，但无法复制。但是，我注意到在Angular 2+中使用
routerLink
的方式是不正确的。您可以尝试一下，看看它是否解决了问题：

[routerLink]="['who-we-are']

您也应该将此语法应用于剩余的RouterLink。
嘿，谢谢你的提示，但它并没有解决问题，这很奇怪
[routerLink]="['who-we-are']