Angular routerLink conditionally

Опубликовано в Angular • 02 сентября 2019 г. • 1 мин. на чтение

<a [routerLink]="myVar ? '/home' : null" routerLinkActive="is-active">Home</a>
or
<a [routerLink]="myVar ? ['/home'] : []">Home</a>

Записать enum в свойство компонента и использовать это свойство.

Представлены 2 варианта решения, как сослаться на локальную переменную шаблона (#myVar) за пределами шаблона:

forkJoin - параллельные запросы, mergeMap - последовательные запросы

combineLatest(
  this._activatedRoute.params,
  this._activatedRoute.queryParams
)

Для решения проблемы существует 2 подхода:

unit testing, override serivice in comonent. angular error during cleanup of component