Angular2材质波纹效果不起作用

Question

我正在使用 Angular2材料。安装和导入 @ angular / material @ angular / cdk 。

<button md-button>Click me</button>

这给了我适当的按钮和相应的材料CSS。但是涟漪不起作用。所以我尝试添加

<button md-button md-ripple>Click me</button>

它就像这样结束

如何应用涟漪效应，是否有适当的指导方针。 我希望在不使用角度材质默认主题的情况下实现连锁效果

Answer 1

您缺少应用的素材主题。对于测试，请在index.html中添加以下链接：

<link href="https://rawgit.com/angular/material2-builds/master/prebuilt-themes/indigo-pink.css" 
rel="stylesheet">

如果涟漪有效，那么您可以按照以下指南将主题添加到您的应用中：Theming your Angular Material app