Javascript 选项卡上的Angular-7活动链接不工作？

我有4个图标，我正试图在其上设置活动链接，就像这样-但它不起作用。我不知道为什么我想我在更换路由器时也遗漏了一些步骤我需要突出显示路由器选项卡。 这是一个模块的.Html文件（我只在.Html文件中做了更改，而不是在.ts文件中做了更改）

获取您的代码：

 <a routerLink="/dashboard" class="active" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">

使用样式：

.active { color: red; }

---

a标记文本在活动时将为红色。

删除活动类你能创建一个最小的stackblitz吗？项目非常大，我可以给你链接，我正在研究任何人如何访问你的“本地主机”？谢谢，但我尝试了你的方法，但它不起作用@angular:（应该可以。您可以提供stackblitz的复制示例吗？我正在使用localhost，我的地址是您删除的class=“active”，当您在/dashboard上导航时，该类不会被添加？当您在dashboard上导航时，确切的url是什么？更新您的原始帖子并向我显示完整的html+css。）

<a routerLink="/dashboard" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">

.active { color: red; }