要使用Angular的mat-list-item组件的routerLink属性,确保在使用之前已经正确设置了Angular的路由。以下是一个解决方法的示例代码:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MatListModule } from '@angular/material/list';
import { MatIconModule } from '@angular/material/icon';
const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'about', component: AboutComponent },
// 添加其他路由配置...
];
@NgModule({
declarations: [
// 声明组件...
],
imports: [
RouterModule.forRoot(routes),
MatListModule,
MatIconModule,
// 添加其他模块...
],
// 导出组件...
})
export class AppModule { }
Home
About
这样就可以正确使用mat-list-item的routerLink属性了。请注意,确保路由配置和导入的模块与你的应用程序的实际需求相匹配。