时间戳

首页 > 解决方案 > 角材料垫sidenav项目

angular - 角材料垫sidenav项目

问题描述

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

链接： http: //ng.devlops.io 角度应用

标签： angularangular-material

解决方案

mat-list 在 mat-sidenav 内很好。

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

mat-list-item {
  outline: unset;
}

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

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

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

推荐阅读