Угловое приложение обновляется при переходе к маршрутам в Microsoft Edge

Question

У меня есть угловое приложение, и в Microsoft Edge 16.16299, когда я нажимаю на «Маршрутные ссылки», а не просто изменяю маршрут с написанными мной анимациями, все приложение обновляется, а затем загружает маршрут.но он работает нормально на хром.Я обнаружил, что проблема в вызове функции для нажатия на 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 в зависимости от маршрута. Как мне это исправить? "

Либо напрямую используйте ссылку на маршрутизатор в шаблоне, или используйте метод 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']);
}