如何在离子中添加标题到标题-bar

Question

我正在尝试使用Ionic在标题栏的中心添加徽标​​.有关如何做的任何建议？

这是我的代码

<ion-nav-bar class="bar-light">
<!--Logo-->
<ion-nav-buttons >
<img class="title" src="https://s3-us-west 2.amazonaws.com/s.cdpn.io/139144/sp_symbol_option2_1.png">
</ion-nav-buttons>
<ion-nav-buttons side="left">
<!--Left icons-->
<button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()"> 
</button></ion-nav-bar>

Answer 1

做这样的事情怎么样:

<ion-header-bar align-title="center" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title"><img class="title-image" src="http://www.ionicframework.com/img/ionic-logo-white.svg" width="123" height="43" /></h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

你也可以看看这个plunker.

他们论坛中的一些额外信息.

Answer 2

我只是通过以下方式完成了这项工作:

在我的模板中 <ion-view title="{{pageTitle}}">

在我的控制器里 $scope.pageTitle = "<img src=\"img/logo-290-90.png\">";