Angular 主色、强调色或警告色、角度11、角度材质时无按钮涟漪效果
我有一个简单的4个按钮,有棱角的材料, 导入的浏览器动画模块等: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="
<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指令。如果你愿意的话,我可以添加它作为答案。当然,你可以,这是这个问题的答案。