我有一个使用Polymer的Angular网站，我希望在我的标题上有一个通知部分，但我无法使按钮工作。 如何绑定按钮上的click事件以触发下拉列表？
这是我的代码：
{{#each possibleSettings as |setting|}}
{{component (concat 'menu-component/' setting.type)}}
{{/each}}
答案 0 :(得分：1)
您需要在iron-dropdown上调用<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>
方法，如以下代码和this Codepen.io example所示：
Binder