如何在离子中心对齐的标头上添加图标？

Question

如何在离子应用程序中的标题中心添加“ ion-ios-arrow-up”图标，如下所示？

它是我的HTML模板：

<ion-view cache-view="false" view-title="Historical HPP">
    <ion-nav-bar class="nav-title-slide-ios7 bar-assertive" ng-click="click()"></ion-nav-bar> 
 <ion-content class="has-header"> 
Hello
  </ion-content>
</ion-view>

之前感谢

Answer 1

只需将标题绑定到$scope变量

<ion-view title="{{title}}">

并在您的控制器中

$scope.title = "Historical HPP <i class='ion-arrow-up-c'></i>";

Codepen 在这里 。 这是您要找的东西吗？