2017-06-26 5 views
0

私はドロップダウンメニューを作成し、ツールバーにログアウトボタンを追加したいと思います。しかし、paper-menu-buttonは紙のツールバーの中で働いていません。ペーパーツールバーの中でPolymer paper-menu-buttonを使用するには?

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

さらにコードを表示できますか?ペーパーメニューボタンはペーパーツールバーの内部で動作するはずです –

+0

@RyanTheLeach ok –

答えて

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> 

私はあなたがslot="dropdown-trigger"を使用してい気づきます。 class="dropdown-trigger"を試してみてください。私はslotはPolymer 2.0でなければならないと思いますか?

+1

ありがとうございました。 –

関連する問題