javascript - Angular2 Material 中的 Md-ripple

标签 javascript angular material-design angular-material2

我没有在任何地方找到任何关于如何使用 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/

相关文章:

javascript - @angular/cli 4 不会安装在 debian 上

javascript - Angular Router按钮不触发提交事件

android - 如何将 View 放在 CollapsingToolbarLayout 上方

css - 谷歌的新按钮——如何在 CSS 中做圆 Angular

javascript - JQuery Ajax post 参数有时不会在 IE 上发送

javascript - 闭包地理编码循环多个标记变量

angular - 使用 *ngFor 排列表格列

c# - 使用 MahApp.Metro 主题自定义 SaveFileDialog

javascript - 如果我画一些东西,有没有一个工具可以将其转换为 javascript/canvas 指令?

javascript - 如何显示隐藏类(class)?