在 Angular 13 中,添加了 [formGroup] 将会禁用 routerlinkActive,因为它删除了元素上的 href 属性。要解决这个问题,可以手动添加 href 属性,用于激活路由链接的样式。
以下是一个简单的示例,展示了如何手动添加 href 属性:
HTML 文件:
Home
这里添加了一个 attr.href 属性,它的值与 routerLink 的值相同,用于指定链接的目标。这个链接现在可以自由使用 routerLinkActive 属性来激活样式了。
注意:在 HTML 中添加的 href 属性必须与使用 routerLink 的属性值保持一致。
这样就可以同时使用 [formGroup] 和 routerLinkActive 了。