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

希望它有所帮助！