Приложение Angular обновляется при навигации по маршрутам в Microsoft Edge

У меня есть угловое приложение, и в Microsoft Edge 16.16299, когда я нажимаю на Router Links вместо того, чтобы просто изменить маршрут с анимацией, которую я написал, все приложение обновляется, а затем загружает маршрут. но на хроме работает нормально. Выяснил, что проблема с вызовом функции по нажатию на роутерСсылка:

<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>

Как мне это исправить?


1
691
1

Ответ:

Решено

Уберу это из комментариев:

"OK I found the problem. in each router link I used (click)="changeThemeColorAndBreadCrumb($event, null)" function call. it makes the app refresh. in this method I just change the colors of header and sidenav based on the route. how should I fix this?"

Либо используйте routerlink в шаблоне напрямую, или использует метод щелчка, а перенаправление в методе щелчка - не использует оба.

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