标题

Question

我尝试在标题位于中心的离子标题的每一侧添加两个图标，但它总是以右侧的两个图标结束。

这是我的代码

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

导致此标题：

我无法弄清楚，尝试了不同类型的教程并试图复制他们的示例而没有任何成功。它背后也没有造型，所以没有什么可以搞乱布局。感觉就像＆＃34;开始＆＃34;元素在这个版本的Ionic或其他东西中被窃听。有人能指出我正确的方向吗？

这是我在运行＆＃34;离子信息＆＃34;：

时的输出

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

我使用left代替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

@varun aaruru的回答是对的。我只想补充添加hideBackButton="true"以删除后退按钮

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