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

【问题标题】：How I can add an icon on header with center align in ionic?如何在离子中心对齐的标题上添加图标？
【发布时间】：2015-07-05 07:51:39
【问题描述】：

如何在我的 ionic 应用程序中添加中心对齐的标题上的“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>

感谢之前

【问题讨论】：

你能编辑这个：play.ionic.io/app/ac4063d18c09 并显示当前输出吗？
@ManojKumar: this codepen 类似于我上面的 HTML 模板。

标签： css angularjs ionic-framework

【解决方案1】：

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

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

在你的控制器中

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

代码笔here。这是你要找的吗？

【讨论】：