我没有在任何地方找到任何关于如何使用 ng2 Material 中的 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
最佳答案
遇到了同样的问题,我是这样解决的 我想在 MdCard 中实现它并且它起作用了。
在 app.module.ts 中,或者你的模块文件所在的任何地方 ->
import { MdRippleModule } from '@angular/material';
不要忘记在同一个文件的@NgModule 中声明你的导入
imports: [ MdRippleModule ]
现在直接前往要实现涟漪效应指令的标记
在我的例子中:
<md-card
md-ripple
mdRippleColor="#00E4AC">
Content
</md-card>
如上例中使用的 mdRippleColor 等更多属性,请引用此链接: h̶t̶t̶p̶s̶:̶/̶/̶g̶i̶t̶h̶u̶b̶.̶c̶o̶m̶/̶a̶n̶g̶u̶l̶a̶r̶/̶m̶a̶t̶e̶r̶i ̶a̶l̶2̶/̶b̶l̶o̶b̶/̶m̶a̶s̶t̶e̶r̶/̶s̶r̶c̶/̶l̶i̶b̶/̶c̶o̶r̶e̶/̶r̶i̶p̶p̶l̶e̶/̶R̶E̶A̶D̶M ̶E̶.̶m̶d̶#̶a̶p̶i̶ -̶s̶u̶m̶m̶a̶r̶y̶(因版本升级链接失效)
关于javascript - Angular2 Material 中的 Md-ripple,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41400978/