Wie benutze ich Polymer Papier-Menü-Taste in der Papier-Werkzeugleiste?

Question

Ich möchte ein Dropdown-Menü erstellen und Logout-Schaltfläche in der Symbolleiste hinzufügen. Die Papier-Menü-Taste funktioniert nicht in der Papier-Werkzeugleiste.

<paper-toolbar id="order-toolbar"> 
     <template is="dom-if" if="[[ showHome ]]"> 
      <img class="header-logo" on-tap="tileTapped" src="assets/paisool-logo.svg"> 
     </template> 
     <template is="dom-if" if="[[ !showHome ]]"> 
      <iron-icon id="back-arrow" class="header-logo" icon="arrow-back" on-tap="tileTapped"></iron-icon> 
     </template> 
     <h2 class="orders-heading">Store owner</h2> 
     <paper-menu-button> 
      <paper-icon-button id="header-menu-button" icon="more-vert" slot="dropdown-trigger"></paper-icon-button> 
      <paper-listbox slot="dropdown-content"> 
      <paper-item>Share</paper-item> 
      <paper-item>Settings</paper-item> 
      <paper-item>Help</paper-item> 
      </paper-listbox> 
     </paper-menu-button> 
     </paper-toolbar> 

Answer 1

<paper-toolbar id="order-toolbar"> 
    <template is="dom-if" if="[[ showHome ]]"> 
    <img class="header-logo" on-tap="tileTapped" src="assets/paisool-logo.svg"> 
    </template> 
    <template is="dom-if" if="[[ !showHome ]]"> 
    <iron-icon id="back-arrow" class="header-logo" icon="arrow-back" on-tap="tileTapped"></iron-icon> 
    </template> 
    <h2 class="orders-heading">Store owner</h2> 
    <paper-menu-button> 
    <paper-icon-button id="header-menu-button" icon="more-vert" class="dropdown-trigger"> 
    </paper-icon-button> 
    <paper-listbox slot="dropdown-content"> 
     <paper-item>Share</paper-item> 
     <paper-item>Settings</paper-item> 
     <paper-item>Help</paper-item> 
    </paper-listbox> 
    </paper-menu-button> 
</paper-toolbar> 

Ich bemerke Sie slot="dropdown-trigger" verwenden. Versuchen Sie es mit class="dropdown-trigger". Ich denke, slot muss von Polymer 2.0 sein?