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

Question

我正在尝试在标题位于中心的 ion-header 的每一侧添加两个图标，但它总是以右侧的两个图标结尾。

这是我的代码

<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 或其他东西中被窃听了。有人可以指出我正确的方向吗？

这是我运行“ionic info”时的输出：

 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

原文由 Sam 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 varun aaruru 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我想要一个带有多行标题和两端前后箭头的离子工具栏：

经过一些实验，这有效：

 <ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button  [routerLink] = "['/user-login']">
        <ion-icon slot="icon-only" name="arrow-back-circle-sharp"></ion-icon>
      </ion-button>
    </ion-buttons>

      <ion-title>Yummy Pizzas</ion-title>
      <ion-title  size="small">Welcome, {{userName}}!</ion-title>

      <ion-buttons slot="end">
        <ion-button  [routerLink] = "['/pizza-menu']">
        <ion-icon slot="icon-only" name="arrow-forward-circle-sharp"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

原文由 Raja 发布，翻译遵循 CC BY-SA 4.0 许可协议