如何在Angular中设置routerLinkActive父标签

Question

我有一个场景，如果routerLink处于活动状态，则需要突出显示父标记。如果routerLinkActive的子级处于活动状态，则将html部分附加到需要样式的地方。

代码：

<mat-expansion-panel>
 <mat-expansion-panel-header>
  <mat-panel-title>
   <i class="fas fa-sliders-h"></i>
   <div class="fieldName">ABC Setting</div>
  </mat-panel-title>
 </mat-expansion-panel-header>
 <div [routerLink]="['/storeRegistration']" [routerLinkActive]="['isActive']" class="selectable">
    ABC Menu 
 </div>
</mat-expansion-panel>