关于css:如何在离子中心对齐的标题上添加图标?

How I can add an icon on header with center align in ionic?

如何在我的 ionic 应用程序中在标题上添加一个”ion-ios-arrow-up”图标,中心对齐,就像我下面的概念一样?

这是我的 HTML 模板:

1
2
3
4
5
6
<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>

之前谢谢


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

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

在你的控制器中

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

在这里编写代码。这是你要找的吗?


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/269224.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论