Question

我一直在使用Angular Material而我遇到了问题。文档对很多事情都很模糊，所以希望有人可以帮助我。这是我想要做的：

目前，如果我把它放到我的HTML中，

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

鼠标上发生涟漪效应。有什么方法可以改变它到mousedown吗？

这是我尝试过的：

<button 
    md-button 
    #nextButton 
    (click)="alertHelloWorld()" 
    (mousedown)="nextButton.focus()">
Hello World! I should ripple on mousedown
</button>

这似乎并没有起作用。

任何帮助？

Answer 1

您可以尝试使用pip install xlrd指令手动触发它。

组件：

MdRipple

模板：

export class YourComponent {
  @ViewChild(MdRipple) ripple: MdRipple;

  rippleButton () {
    this.ripple.launch(0, 0, { centered: true });
  }

NgModule：

<button md-ripple (mousedown)="rippleButton()"> ... </button>

我还没有对代码进行过测试，但是查看GitHub存储库中的文档可以看出这应该有用：

MdRipple demo

MdRipple documentation

mousedown上的Angular Material md-button波纹而不是单击

1 个答案: