,可以通过以下步骤实现:
import { Router } from '@angular/router';
constructor(private router: Router) { }
<div *ngFor="let item of items" [ngClass]="{'active': isActive(item)}">{{ item.name }}</div>
isActive(item: any): boolean {
return this.router.isActive(item.route, true);
}
const routes: Routes = [
{ path: 'home', component: HomeComponent, data: { route: '/home' } },
{ path: 'about', component: AboutComponent, data: { route: '/about' } },
// 其他路由配置
];
这样,当路由与ngFor循环中的元素的route属性匹配时,对应的元素就会添加active类。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,无法提供具体链接。但是,腾讯云提供了丰富的云计算产品和服务,可以根据具体需求选择相应的产品,如云服务器、云数据库、云存储等。可以通过访问腾讯云官方网站,了解更多关于腾讯云的产品和服务信息。
领取专属 10元无门槛券
手把手带您无忧上云