选项卡上的 Angular-7 活动链接不起作用？

Question

我有 4 个图标，我正在尝试像这样的 活动链接 - 但它不起作用不知道为什么我猜我是当我更改路由器时也缺少一些步骤，我需要突出显示该路由器选项卡。 这是我的一个模块的 .Html 文件 -（我只在 .html 而不是 .ts 文件中进行了更改）

 <div class="smart-manage">
 <a routerLink="/dashboard" class = "active" routerLinkActive = "active"[routerLinkActiveOptions]="{exact: true}" >
              <span data-toggle="tooltip" title="Smart Dashboard" data-placement="right">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
                                20 20" width="20" height="20"> 

Answer 1

获取您的代码：

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

当 url 为 '/dashboard' 时，活动类将被添加到 a 标签中。如果 url 发生变化，该类将被删除。

问题：你还是用class="active"添加类

试试：

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

带样式：

.active { color: red; }

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