Polymer 点击脚手架工具栏中的图标按钮后,不会出现下拉列表

Polymer 点击脚手架工具栏中的图标按钮后,不会出现下拉列表,polymer,Polymer,如何在脚手架工具栏中实现下拉菜单? 我正在努力 <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">

如何在脚手架工具栏中实现下拉菜单?
我正在努力

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

艾因斯特伦根
希尔夫
印模

图标按钮显示在工具栏中,但下拉菜单不能在点击时打开。

我觉得太简单了。另一个开发人员向我指出了一个解决方案。谢谢你,迈克尔

使用“点击”和“this.$.drop.toggle()” 或变量opened=“{opened}”


艾因斯特伦根
希尔夫
印模
聚合物({
切换:函数(){
此.drop.toggle();
//this.opened=!this.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;
  }
});