Angular 8 routerLinkActive不适用于ng-template

时间:2019-07-26 14:57:52

标签: angular

我遇到了角度8中的routerLinkActive属性的问题。当在ng-template内使用该属性呈现链接时,当链接处于活动状态时,routerLinkActive类不会应用于父元素。即...

<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>

自从我更新到Angular 8以来似乎已经停止工作。

Stackblitz Demo

1 个答案:

答案 0 :(得分:1)

检查以下解决方案

Google Cloud DataStore automatic indexing

我将2个CSS类合并为一个