我正在开发一个非常简单的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/
继续摇摆!