在脚手架工具栏中点击图标按钮后不会出现下拉菜单

Question

如何在脚手架工具栏中实现下拉菜单？
我正在尝试

<template is="auto-binding">
  <div relative tool>
   <core-icon-button id="sonst" icon="more-vert"></core-icon-button>
   <core-dropdown relatedTarget="{{$.sonst}}" halign="right" valign="top">
    <core-menu>
     <core-item>Einstellungen</core-item>
     <core-item>Hilfe</core-item>
     <core-item>Impressum</core-item>
   </core-menu>
  </core-dropdown>
 </div>
</template>

图标按钮显示在工具栏中，但下拉菜单不会在点击时展开。

Answer 1

我想的太简单了。另一位开发人员向我指出了一个解决方案。谢谢迈克尔。

使用"on-tap"和"this.$.drop.toggle()" 或变量 opened="{{opened}}"

  <polymer-element name="x-test" >
  <template>
  <div relative tool>
   <core-icon-button id="sonst" icon="more-vert" on-tap="{{toggle}}"></core-icon-button>
   <core-dropdown id="drop" opened="{{opened}}" relatedtarget="{{$.sonst}}" halign="left" valign="top">
    <core-menu>
     <core-item>Einstellungen</core-item>
     <core-item>Hilfe</core-item>
     <core-item>Impressum</core-item>
   </core-menu>
  </core-dropdown>
 </div>
  </template>
     <script>
Polymer({
  toggle: function() {
      this.$.drop.toggle();
    //this.opened = !this.opened;
  }
});

在脚手架工具栏中点击图标按钮后不会出现下拉菜单

dropdown does not appear after tapping icon-button in a scaffold toolbar

polymer