离子 1:使离子导航栏固定,而不是在视图之间更新



我正在开发一个非常简单的Ionic 1应用程序,其中我的 I 希望ion-nav-bar被修复,始终相同,显示一个徽标作为每个视图的标题。

关于ionNavBar文档,该指令的用法应如下:

<body ng-app="starter">
<!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar class="bar-positive">
</ion-nav-bar>
<!-- where the initial view template will be rendered -->
<ion-nav-view>
<ion-view>
<ion-content>Hello!</ion-content>
</ion-view>
</ion-nav-view>
</body>

我的应用index.html<body>看起来大致相同:

<body ng-app="adidasApp">
<ion-nav-bar>
<ion-nav-title>
<img src="img/my-logo.png">
</ion-nav-title>
</ion-nav-bar>
<ion-nav-view>
</ion-nav-view>
</body>

正如文档指出的那样

导航时将更新的导航栏

导航栏将在我们导航时更新。这使我的图像褪色,感觉每次我在视图之间切换时都在加载。

但我不希望这种情况发生。我希望我的图像始终保持静止,每次更改视图时都不会更新。有没有办法实现这一目标?

您需要使用ion-header-bar指令,该指令在某些内容上方添加固定标题栏:http://ionicframework.com/docs/api/directive/ionHeaderBar/

继续摇摆!

相关内容

  • 没有找到相关文章

最新更新