在Angular 8中,可以使用routerLink和[routerLink]与routerLinkActive的组合来实现路由链接和活动状态的追踪。下面是一个具体的解决方法,包含代码示例:
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: 'contact', component: ContactComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
nav a.active {
font-weight: bold;
}
这样,当你点击链接时,它将自动添加一个active类到当前活动的链接上。
请注意,这仅适用于Angular路由器。如果你在使用其他路由库,如React Router或Vue Router,那么使用方式可能会有所不同。