Question

我正在尝试检测菜单何时关闭以取消设置值，我一直在使用看起来像这样的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>

我可以告诉我绑定到存在的东西，因为它不会抛出错误...但是当关闭事件运行时，它永远不会注册到实际的事件。有没有人有任何想法？或者这是材料中的错误？

Answer 1

有一些小问题，onMenuClose事件在与mdMenuTriggerFor相同的级别触发...因此绑定需要在调用项而不是菜单本身。同样正如@Edric所说，它必须是打字稿功能而不是通用警报。这是另一个有效的代码片段：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option value=""></option>
  <option value="1">car</option>
  <option value="2">phone</option>
  <option value="3">tv</option>
</select>


<select name="select2" id="select2">
  <option value=""></option>
  <option value="1">toyota</option>
  <option value="1">nissan</option>
  <option value="1">bmw</option>
  <option value="2">Iphone</option>
  <option value="2">LG</option>
  <option value="2">Samsung</option>
  <option value="3">Philips</option>
  <option value="3">Samsung</option>
</select>

Angular2 Material2绑定到onMenuClose

1 个答案: