【问题标题】: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>

感谢之前

【问题讨论】:

标签: css angularjs ionic-framework


【解决方案1】:

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

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

在你的控制器中

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-01
    • 2016-06-20
    • 2014-12-10
    • 2015-11-29
    • 2015-07-03
    • 2016-02-10
    相关资源
    最近更新 更多