角度路由器链接在我刷新页面之前不起作用

Question

我正在尝试使用 Angular 的 routerlink 导航到另一个页面，但在刷新页面之前它不起作用。我尝试从 TS 文件进行导航，但我遇到了同样的问题。对可能出现的问题有什么想法吗？谢谢！

使用routerLink导航：

 <a [routerLink]="['/','view', 'members'>{{ members }}</a>
 <router-outlet></router-outlet>

从 TS 文件中，我尝试了这个：

  goToViewMembers(): void {
        let link = `/view/members`;
        this.router.navigateByUrl(link);
    }

Answer 1

<a routerLink="view/members">{{ members }}</a>

或者如果你想使用变量，你可以这样做：

<a [routerLink]="'view/members/' +  variable">{{ members }}</a>

Answer 2

这是一个较旧的问题，但对此或类似问题的答复都没有帮助我解决这个问题。 我还遇到一个问题，在我实际手动刷新页面之前，单击导航栏上的链接无法正确添加“活动”类。事实证明，在刷新之前，路线并未被正确记录。这是我的解决方案：

//styles.css
.active {
    background-color: white;
}

// navbar.component.html
<nav class="navbar navbar-horizontal">
    <a [routerLinkActive]="['active']" [routerLink]="['linkA/']" class="nav-item nav-link">LinkA</a>
    <a [routerLinkActive]="['active']" [routerLink]="['linkB/']" class="nav-item nav-link">LinkB</a>
</nav>

// navbar.component.ts
constructor(router: Router) {
router.events.subscribe((event) => {
  if (event instanceof NavigationEnd) {
    router.navigated = true;
  }
});
}