mousedown上的角度材質md-button紋波而不是點擊

Question

我一直在使用Angular Material，我遇到了問題。這些文件對很多事情都很模糊，所以希望有人能幫助我。這裏是我想要做的事：

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

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

的連鎖反應發生在鼠標鬆開。有什麼辦法可以改變這種情況嗎？

這是我已經試過：

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

這似乎並沒有被工作雖然。

任何幫助？

Answer 1

您可以嘗試使用MdRipple指令手動觸發它。

組件：

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

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

模板：

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

NgModule：

imports: [ 
    ... 
    MdRippleModule, 
    ... 
], 

我沒有測試的代碼，但看在GitHub的庫文件給出了一個這應該工作的想法：

MdRipple demo

MdRipple documentation