Angular2材料中的Md-ripple

Question

我没有找到任何关于如何使用ng2材料的md-ripple的信息.

试着

<button md-ripple-foreground class="loginButton"></button>

要么

<button md-ripple-fade-in class="loginButton"></button>

要么

<button md-ripple class="loginButton"></button>

但它们都没有真正起作用.怎么打开它？

如果你不知道涟漪如何工作:https://codepen.io/Craigtut/pen/dIfzv

https://github.com/angular/material2/tree/master/src/lib/core/ripple

Answer 1

面对同样的问题,我就是这样做的 - 我想在MdCard中实现它并且它有效.

在app.module.ts中,或模块文件所在的位置 - >

import { MdRippleModule } from '@angular/material';

不要忘记在同一文件中的@NgModule内部导入声明

imports: [ MdRippleModule ]

现在直接标记要实现涟漪效应指令的位置

在我的例子中:

<md-card
  md-ripple
  mdRippleColor="#00E4AC">
Content 
</md-card>

在以上示例中使用更像mdRippleColor性质,请参考此链接:HTTPS:̶/̶/̶g̶i̶t̶h̶u̶b̶.̶c̶o̶m̶/角度/材料2/BLOB /主/ SRC/LIB /核心/脉动/̶R̶E̶A̶D̶M̶E̶.̶m̶d̶#API-摘要(由于版本升级,链接不再可用)