angular - 如何在 Angular 2+ 页面加载时添加默认活动类

Question

<ul>
    <li routerLinkActive = "active" class = "" >
    <a routerLink = "/A" skipLocationChange > A < /a>
    </li>
    <li routerLinkActive = "active" class = "" >
    <a routerLink = "/B" skipLocationChange > B < /a>
    </li>
    <li routerLinkActive = "active" class = "" >
    <a routerLink = "/C" skipLocationChange > c < /a>
    </li>

我的路由.ts

{路径：''，组件：A，路径匹配：'完整'}，{路径：'A'，组件：A}，{路径：'B'，组件：B，}，{路径：'B'，组件: B }, { 路径：'C'，组件：C }，{ 路径：'**'，组件：A }

我希望在页面加载时我的 A 组件应该来，但在页面加载时活动没有出现在 li 上我们在..请帮助，在此先感谢

标签： angular

Answer 1

在您的导航组件中，导入 ActivatedRoute 并将您的“活动”类与用户当前所在的路线进行比较。

<li [ngClass]="{'active' : route == 'A'}"><a href="">A</a></li>