繁体   English   中英

Angular2 Material2绑定到onMenuClose

[英]Angular2 Material2 bind to onMenuClose

我试图检测菜单何时关闭以取消设置值,我一直在使用看起来像这样的close。

<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>

我可以说我绑定到存在的东西是因为它不会引发错误……但是,当close事件运行时,它永远不会注册到实际事件中。 有人有什么想法吗? 还是这是材料上的错误?

有一些小问题,onMenuClose事件的触发级别与mdMenuTriggerFor ...相同,因此绑定必须位于调用项上,而不是菜单本身。 同样,正如@Edric所说,它必须是一个打字稿功能,而不是通用警报。 这是另一个起作用的代码嗅探器:

<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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM