2017-03-23 7 views
0

メニューを閉じて値を設定解除すると検出しようとしていますが、私はこのように見えるcloseを使用しています。Angular2 Material2はonMenuCloseにバインドします

<md-menu #dataActions="mdMenu" (onMenuClose)="alert('a')"> 
    <button md-menu-item (click)="doEdit()" *ngIf="!isLocked()"> 
     <md-icon>edit</md-icon> 
     <span>Edit</span> 
    </button> 
    <button md-menu-item (click)="doSubmit()" *ngIf="isEdit()"> 
     <md-icon>done</md-icon> 
     <span>Submit</span> 
    </button> 
</md-menu> 

私は近くのイベントは、それが実際のイベントに登録することはありません実行したときに、私は...しかし、それはエラーをスローしませんので、存在する何かに結合してい伝えることができます。誰にもアイデアはありますか?それともこのバグですか?

+0

'alert()'の代わりにtypescriptファイルの関数を使ってみてください。 'doSomething:void {alert( 'a')}' – Edric

+0

私はもともとts関数で始まり、呼び出されていませんでした。だから私は警告を出して、これを投稿するようになった。しかし、私はそれを正しくやっていることを確認できますか? –

答えて

0

いくつかの軽微な問題がありました。onMenuCloseイベントはmdMenuTriggerForと同じレベルで発生します。したがって、バインドはメニュー項目ではなく呼び出し項目にある必要があります。また、@エドリックが述べたように、それはタイプスクリプト関数でなければならず、一般的なアラートでもなければならなかった。

<md-icon [mdMenuTriggerFor]="dataActions" (onMenuOpen)="actionMenuOpen(row)" (onMenuClose)="actionMenuClose()" fxFill fxLayoutAlign="center"> 
    menu 
</md-icon> 

<md-menu #dataActions="mdMenu"> 
    <button md-menu-item (click)="doEdit()" *ngIf="!isLocked()"> 
     <md-icon>edit</md-icon> 
     <span>Edit</span> 
    </button> 
    <button md-menu-item (click)="doSubmit()" *ngIf="isEdit()"> 
     <md-icon>done</md-icon> 
     <span>Submit</span> 
    </button> 
</md-menu> 
関連する問題