角材クリック時の代わりにmousedownのmdボタンリップル

Question

私はAngular Materialを使用しており、問題が発生しています。ドキュメントはたくさんのことについて非常にあいまいですので、誰かが私をここで助けてくれることを願っています。ここで私が何をしようとしていますものです：私は、私のHTMLに

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

これを置けば

は現在、波及効果はのmouseupに起こります。私はそれをmousedownに変更できる方法はありますか？

<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