2015-07-05 30 views
0

如何在我的离子应用程序中添加一个“离子ios-arrow-up”图标,并在中心对齐,就像我下面的概念一样? my concept如何在中心对齐离子的头上添加图标?

它我的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> 

由于之前

+0

你可以编辑这个:http://play.ionic.io/app/ac4063d18c09并显示当前输出? –

+0

@ManojKumar:[this codepen](http://codepen.io/calendee/pen/wAmIo)与我上面的HTML模板类似。 – user3077416

回答

3

标题只是绑定到$scope变量

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

,并在控制器

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

Codepen here。这是你想要的吗?