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里面写你想要的所有按钮，位置是class:

<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

希望对您有所帮助！

ONSEN-UI 在工具栏上添加三个以上的按钮

ONSEN-UI Adding more than three buttons on the toolbar

cordova

onsen-ui