角材料垫 sidenav 项目

Question

我已经使用 mat 列表项实现了 sidenav 项，但是当我将 routerLink 附加到它时，我会在单击时获得蓝色轮廓。我想知道 mat 列表项是否仅在 mat sidenav 中用于链接或任何其他组件，因为我什至没有在点击时产生连锁反应

链接：http://ng.devlops.io

Answer 1

mat-list 在 mat-sidenav 中很好。

为了摆脱蓝色边框，请将以下内容添加到您应用的全局样式

mat-list-item {
  outline: unset;
}

为了添加波纹，您应该像这样将 matRipple 添加到 mat-list-item：

<mat-list-item ... matRipple>
  Home
</mat-list-item>

如果它不起作用，您将需要上传您的代码