Question

我正在开发一个非常简单的 Ionic 1 应用，我想要修复ion-nav-bar，总是一样，将徽标显示为每个视图的标题。

关于ionNavBar docs，该指令的用法应如下：

<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>

正如文档所指出的那样

导航栏将在我们导航时更新

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

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

Answer 1

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

继续摇摆！

离子1：使离子导航条固定，不在视图之间更新

1 个答案: