把按钮放在右边的离子中，看起来就像这张照片

Question

按钮以及图片中应该怎么做？ （在我的应用程序的标题内左侧一个，右侧两个）。

Answer 1

此代码应创建一个标题栏，其中包含标题和一个左按钮，右侧为2：

<ion-header-bar class="bar-positive">      
    <ion-header-bar align-title="center" class="bar-positive">
        <div class="buttons">
            <button class="button">Left Button</button>
        </div>
        <h1 class="title">Title!</h1>
        <div class="buttons">
             <button class="button">Right Button 1</button>
             <button class="button">Right Button 2</button>
        </div>
    </ion-header-bar>
</ion-header-bar>

列表：

<ion-list>
      <ion-item class="item-button-right">              
        <div class="buttons">
            <button class="button button-positive">
                Button 1
            </button>
            <button class="button button-assertive">
                Button 2
            </button>
          </div>
      </ion-item>
</ion-list>

Answer 2

您必须使用<ion-nav-buttons side = "left/right">

试试这个

<ion-view>

<ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
</ion-nav-buttons>

<ion-nav-title>
    <img class="cabecalho" src="img/????.png">
</ion-nav-title>

<ion-nav-buttons side="right">      
    <button class="button button-icon button-clear ion-ios-list" ng-click="sairAplicativo()"></button>
    <button class="button button-icon button-clear ion-power" ng-click="sairAplicativo()"></button>     
</ion-nav-buttons>

<ion-content padding="true" class="has-header">
      ....
</ion-content>

我希望我能以某种方式帮助