Angular 8 routerLinkActive不适用于ng-template

Question

I'm having trouble with the routerLinkActive attribute in angular 8. When rendering a link with the attribute inside an ng-template the routerLinkActive class is not applied to the parent element when the link is active. Ie..

<div routerLinkActive="active2">
  <ng-container [ngTemplateOutlet]="test" [ngTemplateOutletContext]="{link: '/home', name: 'Home'}"></ng-container> |
</div>

<ng-template #test let-link="link" let-name="name">
  <a routerLinkActive="active" [routerLink]="[link]">{{name}}</a>
</ng-template>

Seems to have stopped working since I updated to Angular 8.

Stackblitz Demo

Answer 1

check the below solution

https://stackblitz.com/edit/angular-routelinkactive-broken-template-g3cxxt

I have merged 2 css classes into one