在Angular 6中创建导航列表项可以使用Angular Material库中的MatNavList组件。以下是一个示例代码:
npm install --save @angular/material @angular/cdk @angular/animations
Home
About
Contact
在这个例子中,我们使用了routerLink指令将每个列表项与相应的路由链接进行关联。当用户点击列表项时,它们将被导航到相应的路由。
import { MatListModule } from '@angular/material/list';
@NgModule({
imports: [
// ...
MatListModule
],
// ...
})
export class YourModule { }
这样,你就可以在你的组件中使用MatNavList组件了。
请注意,为了能够使用Angular Material库中的组件,你还需要在你的项目中导入并配置相应的主题和样式。具体的步骤可以参考Angular Material的官方文档。