基于router.url匹配角度向ngFor循环中的一个元素添加类

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' } },
  // 其他路由配置
];