2015-07-05 31 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。這是你想要的嗎?