Angular 角材料垫侧导航项目

Angular 角材料垫侧导航项目,angular,angular-material,Angular,Angular Material,我已经使用mat列表项实现了sidenav项,但是当我将routerLink附加到它时,单击会得到一个蓝色的轮廓。我想知道mat列表项是否仅在mat sidenav中用于链接或任何其他组件,因为我甚至没有在单击时获得连锁反应 链接: 在mat sidenav内,mat列表很好 为了摆脱蓝色边框,在你的应用程序的全球风格中添加以下内容 mat列表项{ 大纲:未设置; } 为了添加ripple,您应该将matRipple添加到mat列表项中,如下所示: 家 如果它不起作用,你需要上传你的代码谢

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

链接:

在mat sidenav内,mat列表很好

为了摆脱蓝色边框,在你的应用程序的全球风格中添加以下内容

mat列表项{
大纲:未设置;
}
为了添加ripple,您应该将matRipple添加到mat列表项中,如下所示:


如果它不起作用,你需要上传你的代码

谢谢,我会试试这个css现在起作用了,我会添加涟漪并重新构建。你能看到为什么在点击工具栏上的菜单按钮后窗口会向下滚动吗?我看不到这种行为,但尝试将mat sidenav容器的高度从100%更改为
高度:calc(100vh-64px)vh是视口高度的百分比,64px是工具栏的高度。我还有一个问题。。我应该在正在使用的组件中导入材质组件,还是在app.module中全局导入材质组件?