【问题标题】:How set the back button on the left in ionic如何在离子中设置左侧的后退按钮
【发布时间】:2018-01-26 05:31:58
【问题描述】:

我在我的项目中使用 ionic。如何在标题左侧设置后退按钮?这是我的代码:

<ion-header-bar class="bar-positive" align-title="left" >
<h1 class="title" style="text-align: center">More Info</h1>

<button  ng-click="myGoBack()" class="button  button-clear"> <i class="ion- chevron-left " ></i> Back </button>

</ion-header-bar>

  <ion-view>
 <ion-content >
<ion-list class="list-inset" style="margin-right: 1%;margin-right: 1%">
  <ion-item style="margin-right: 1%;margin-right: 1%" class="item-text-wrap" ng-init="missionDetail.getAllFicheMissionDetails(missionId,desId);">
    vehicule :{{payloadMissionDetail.vehicule}}
    Mission :{{payloadMissionDetail.mission}}
    Chau1 :{{payloadMissionDetail.ch}}
    Chau2 :{{payloadMissionDetail.ch2}}
    Départ :{{payloadMissionDetail.depart}}
  </ion-item>
</ion-list>

【问题讨论】:

  • 这是你的菜单模板的全部代码吗?向我们提供完整代码
  • 是的..这只是一个页面..这段代码将后退按钮设置在右侧..但我想在左侧更改它

标签: html css angularjs ionic-framework


【解决方案1】:

您可以使用以下代码。

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
<button class="button" ng-click="doSomething()">Left Button</button>
 </div>
 <h1 class="title">Title!</h1>
 <div class="buttons">
  <button class="button">Right Button</button>
 </div>
</ion-header-bar>

@文档:http://ionicframework.com/docs/api/directive/ionHeaderBar/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-10
    • 1970-01-01
    • 2015-02-08
    相关资源
    最近更新 更多