1

そのdiv内のルートの1つがアクティブなときに、divにクラスを設定したいと思います。これは、routerLink ディレクティブを含むリンクを div 内に直接配置すると、routerLinkActive ディレクティブですべて正常に機能します。

<div class="menu" routerLinkActive="active-group">
  <a ngFor="let link of links" [routerLink]="link">{{ link }}</a>
</div>

ただし、別のコンポーネントへのリンクをリファクタリングすると、「アクティブ グループ」クラスが設定されなくなります。

<div class="menu" routerLinkActive="active-group">
  <app-link *ngFor="let link of links" [link]="link"></app-link>
</div>

ここで問題を示すために StackBlitz を作成しました: https://stackblitz.com/edit/routerlinkactive?file=src/app/app.component.ts

どんな助けでも大歓迎です！

4

1 に答える 1