タイトルの両側のイオン2つのナビゲーションバーアイコン

Question

タイトルが中央にあるイオンヘッダーの両側に2つのアイコンを追加しようとしていますが、右側に2つのアイコンが表示されます。

これは私のコードこのヘッダになり

<ion-header> 
    <ion-navbar color="primary"> 
    <ion-buttons start> 
     <button ion-button icon-only><ion-icon name="chatboxes"></ion-icon></button> 
    </ion-buttons> 
    <ion-title>Title</ion-title> 
    <ion-buttons end> 
     <button ion-button icon-only><ion-icon name="notifications"></ion-icon></button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header> 

です：

私はそれを把握することはできません、チュートリアルの異なる種類を試してみましたが、なくても例をコピーしようとしています任意の成功。それの後ろにスタイリングがないので、レイアウトを台無しにするものはありません。このバージョンのIonicなどでは、 "start"要素が盗まれているように感じます。誰かが正しい方向に私を正確に指摘できますか？ "イオン性情報" を実行しているとき

これが私の出力です：

Your system information: 

ordova CLI: 6.5.0 
Ionic Framework Version: 2.1.0 
Ionic CLI Version: 2.2.1 
Ionic App Lib Version: 2.2.0 
Ionic App Scripts Version: 1.1.3 
ios-deploy version: Not installed 
ios-sim version: Not installed 
OS: Windows 10 
Node Version: v6.9.5 
Xcode version: Not installed 

Answer 1

私は@varunのaaruruの答えは右であるstart

チェックこのplunker

<ion-header> 
    <ion-navbar color="primary"> 
    <ion-buttons left> 
     <button ion-button icon-only> 
      <ion-icon name="chatboxes"></ion-icon> 
     </button> 
    </ion-buttons> 
    <ion-title>Title</ion-title> 
    <ion-buttons right> 
     <button ion-button icon-only><ion-icon name="notifications"></ion-icon></button> 
    </ion-buttons> 
    </ion-navbar> 
</ion-header> 

Answer 2

のleftインプレースを使用しました。私はちょうど私はXcodeのバージョンが存在しないとして、あなたがアンドロイドを使用していると仮定しています

<ion-header hideBackButton="true"> 
    <ion-navbar> 
     <ion-title>trans-result</ion-title> 
    </ion-navbar> 
</ion-header>