2016-10-20 10 views
0

私のプロジェクトでイオンを使用しています。ヘッダーの左側に戻るボタンを設定するにはどうすればよいですか?イオンの左に戻るボタンを設定する方法

<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> 

+0

が、これはメニューテンプレートのためのあなたの全体のコードですか?私たちに完全なコードを提供してください –

+0

はい。これはちょうどページです..このコードは右に戻るボタンを設定しました。しかし、私は左にそれを変更したいです –

答えて

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> 

@Documentation:http://ionicframework.com/docs/api/directive/ionHeaderBar/

+0

ありがとうbro ..it works –

+0

ありがとうアウトも、 –

関連する問題