Question

我有一个角度应用程序，在Microsoft Edge 16.16299中，当我单击“路由器链接”而不是简单地用编写的动画更改路线时，整个应用程序都会刷新，然后加载路线。但在chrome上可以正常使用。我发现问题出在点击routerLink的函数调用上：

<mat-list-item *ngFor="let link of item.items">
    <a routerLink="{{link.routerLink}}" [routerLinkActive]="'active active-link'" (click)="changeColorAndBreadCrumb($event,null)">{{link,label}}<a>
<mat-list-item>

我应该如何解决？

Answer 1

将其移出评论：

”好，我发现了问题。在我使用的每个路由器链接中（click）=“ changeThemeColorAndBreadCrumb（$ event，null）”函数调用。它使应用刷新。用这种方法我只是改变颜色标头和sidenav基于路由。我该如何解决？”

直接使用模板中的routerlink，或者或使用click方法，然后使用click方法重定向-不要两者都使用。

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

    constructor(
        private router: Router
    ) {}

changeThemeColorAndBreadCrumb(event,i) {
    // set color of header and sidenav here
     this.router.navigate(['/whatever-url-here']);
}

导航到Microsoft Edge中的路由时刷新Angular应用

1 个答案: