标题两侧的Ionic 2导航栏图标

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>

这导致这个标题:

我无法弄清楚,尝试了不同类型的教程,并试图复制他们的例子没有任何成功.它背后也没有造型,所以没有什么可以搞乱布局.感觉就像这个版本的Ionic或其他东西中的"开始"元素一样.有人能指出我正确的方向吗？

运行"离子信息"时这是我的输出:

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>