Angular 带有纸图标按钮触发器的聚合铁下拉菜单

我有一个有棱角的网站和聚合物，我想有一个通知部分在我的标题，但我不能使按钮的工作。 我应该如何绑定按钮上的单击事件以触发下拉列表

这是我的代码：

<paper-icon-button icon="mail" slot="dropdown-trigger"></paper-icon-button>
<paper-badge label="9" class="notification-badge"></paper-badge>
<iron-dropdown>
  <ul slot="dropdown-content">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</iron-dropdown>

项目1
项目2
项目3

您需要调用

iron下拉列表中的
open（）
方法，如下代码所示：


：主持人{
显示：内联块；
边缘：1米；
}

项目1
项目2
项目3

类XSelect.Element{
静态get是（）{return'x-select'；}
开（）{
此.$.dropdown.open（）；
}
}
window.customElements.define（XSelect.is，XSelect）；

<dom-module id="x-select">
  <template>
    <style>
      :host {
        display: inline-block;
        margin: 1em;
      }
    </style>
    <paper-icon-button icon="mail" alt="mail" slot="dropdown-trigger" on-tap="open"></paper-icon-button>
    <paper-badge label="9"></paper-badge>
    <iron-dropdown id="dropdown">
      <ul slot="dropdown-content">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
      </ul>
    </iron-dropdown>
  </template>
  <script>
    class XSelect extends Polymer.Element {
      static get is() { return 'x-select'; }
      open() {
        this.$.dropdown.open();
      }
    }

    window.customElements.define(XSelect.is, XSelect);
  </script>
</dom-module>

<x-select></x-select>