Навигация на вкладке угловой материал теряет активную метку при изменении параметров запроса маршрута

Question

Я использую вкладку угловой навигации материала:

<nav mat-tab-nav-bar>
    <a mat-tab-link
        [routerLink]="'firstRoute'"
        [queryParams]="{param1: value1, param2: value2}"
        routerLinkActive #rla1="routerLinkActive"
        [active]="rla1.isActive">
    Import
    </a>
    <a mat-tab-link
        [routerLink]="'secondRoute'"
        [queryParams]="{param1: value1, param2: value2}"
        routerLinkActive #rla2="routerLinkActive"
        [active]="rla2.isActive">
    Database
    </a>
</nav>

Все работает нормально, пока я не изменю значение параметров запроса:

changeQueryParams() {
    const params = {
      param1: 'newValue1',
      param2: 'newValue2'
    };
    this.router.navigate([], { relativeTo: this.route, queryParams: params });
}

Каждый раз, когда я вызываю этот метод, текущая вкладка теряетзнак активации (синяя рамка под текстом).Что я здесь пропустил?