angular - 如何使用角度突出显示应用程序中的选定选项卡？

Question

我是 Angular 新手，我需要在更改 URL 时突出显示选定的选项卡。

<div class="header-sub-nav">
    <nav>
        <ng-container *ngFor="let tab of menuData">
            <a   [routerLink]="tab.routerLink" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">{{tab.menuTitle}}</a>
         </ng-container>
    </nav>
</div>

标签： angular

Answer 1

您需要设置路由器模块。路由器模块中的路由需要与 menuData 数组中的链接匹配。

这是一个简单的例子： https ://stackblitz.com/edit/angular-jp4rjn

我更新了这个例子。有了它，你应该能够解决它。