Angular routerLink在父元素上处于活动状态,但在routerLink不直接位于父元素内部,而是位于单独的组件中时不工作

Angular routerLink在父元素上处于活动状态,但在routerLink不直接位于父元素内部,而是位于单独的组件中时不工作,angular,router,routerlinkactive,Angular,Router,Routerlinkactive,我想在一个div中的一条路由处于活动状态时,在该div上设置一个类。当我将带有routerLink指令的链接直接放在div中时,这对routerLinkActive指令非常有效: 任何帮助都将不胜感激 试试这个: <app-link *ngFor="let link of links" [link]="link" [routerLink]="link" routerLinkActive=&q

我想在一个div中的一条路由处于活动状态时,在该div上设置一个类。当我将带有routerLink指令的链接直接放在div中时,这对routerLinkActive指令非常有效:


任何帮助都将不胜感激

试试这个:

  <app-link
    *ngFor="let link of links"
    [link]="link"
    [routerLink]="link"
    routerLinkActive="active"
  ></app-link>


我不完全理解这个问题。你到底想做什么?我想在menu div下面的一个路由为active时在其上设置一个类,谢谢,但我特别不想在组件上这样放置routerlink指令,因为这样会破坏在单独组件中提取它的许多目的。也;这是一个简单的示例,但实际上它更复杂,例如还使用routerLinkActiveOptions