ONSEN-UI在工具欄上添加三個以上的按鈕

Question

當我在工具欄上添加兩個以上的按鈕時，工具欄上的按鈕沒有出現，我想在工具欄上添加多個按鈕 。 我想添加像這個圖像的工具欄上的按鈕。

<ons-toolbar fixed-style> 
    <div class="left"> 
    <ons-toolbar-button ng-click="menu.toggle()"> 
     <ons-icon style="color:#fff" icon="ion-navicon-round" size="28px" fixed-width="false"></ons-icon> 
    </ons-toolbar-button> 
    </div> 


    <div class="right"> 
    <ons-toolbar-button> 
     <button style="color:#fff" class="button button--quiet" ng-click="shareAnywhere()"><i class="ion-android-share-alt"></i> 
     </button> 
    </ons-toolbar-button> 
    </div> 

</ons-toolbar> 

Answer 1

你可以寫所有你想要的位置類的div裏面的按鈕：

<ons-toolbar> 
    <div class="left"> 
     <ons-toolbar-button> A </ons-toolbar-button> 
     <ons-toolbar-button> B </ons-toolbar-button> 
    </div> 

    <div class="centre"> 
     Title 
    </div> 

    <div class="right"> 
     <ons-toolbar-button> C </ons-toolbar-button> 
     <ons-toolbar-button> D </ons-toolbar-button> 
     <ons-toolbar-button> F </ons-toolbar-button> 
    </div> 
</ons-toolbar> 

這裏檢查它：http://codepen.io/frankdiox/pen/oXYXaP

希望它能幫助！