ExpressionChangedAfterItHasBeenCheckedError: при использовании компонента загрузчика со службой перехватчика загрузчика

Question

Внезапно я начал получать следующую ошибку консоли без изменения кода.

Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'.

В этой html строке

<div id="cover" *ngIf="show && (router.url === '/inventory/overview' || router.url === '/inventory/details')" class="loader-cover">

LoaderInterceptorService - из этого сервиса изменяется переменная show

Как исправить эту ошибку?

Answer 1

Добавьте следующую строку в ваш объект @Component: changeDetection: ChangeDetectionStrategy.OnPu sh

примерно так:

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'app-selector',
  templateUrl: './selector.component.html',
  styleUrls: ['./selector.component.scss']
})

И импортируйте ChangeDetectionStrategy из '@ angular / core'