Angular 主色、强调色或警告色、角度11、角度材质时无按钮涟漪效果

Angular 主色、强调色或警告色、角度11、角度材质时无按钮涟漪效果,angular,angular-material,Angular,Angular Material,我有一个简单的4个按钮,有棱角的材料, 导入的浏览器动画模块等: <button mat-button mat-raised-button > TEST </button> <button mat-button mat-raised-button color="primary"> TEST primary</button> <button mat-button mat-raised-button color="

我有一个简单的4个按钮,有棱角的材料, 导入的浏览器动画模块等:

<button mat-button mat-raised-button > TEST </button>

<button mat-button mat-raised-button color="primary"> TEST primary</button>

<button mat-button mat-raised-button color="warn"> TEST warn</button>

<button mat-button mat-raised-button color="accent"> TEST accent</button>
测试
测试初级
测试警告
测试重音
只有第一个按钮具有可见的涟漪效果。 我试图将class=“mat app background”添加到正文或包装中,但仍然没有效果。 这是这个版本的某种bug吗

纯简单项目,仅角度材质相关性:
垫升高按钮
中删除
垫按钮
指令。它应该可以工作

您也可以通过添加以下属性来启用ripple effect,以防您只想使用mat按钮而不想使用mat提升按钮

<button 
   mat-button 
   [disableRipple]="false"  // Add this line
>
  Some Button 
</button>

一些按钮
对于mat按钮,disableRipple将为真。因此,您可以禁用它并使用涟漪效应

我在这里做了更改,如果需要,您可以查看一下:

垫升高按钮
中移除
垫按钮
。它会起作用的。非常感谢你,一天来尝试了这么多东西。我发誓我把docs demo和我的代码进行了比较,没有注意到mat button指令。如果你愿意的话,我可以添加它作为答案。当然,你可以,这是这个问题的答案。