ion-nav-bar
关联: $ionicNavBarDelegate

如果我们使用了ionNavView(视图导航指令),我们还可以创建一个<ion-nav-bar>顶部导航栏,导航栏状态会随着应用程序状态而改变。

在里面放一个ionNavBackButton可以添加一个后退按钮。

ionNavButtons可以为当前可见视图添加按钮。

注意:使用ion-nav-bar时周围必须有一个ionView才能工作。

实例该文档来自ionic中文网ionic-china

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

API

属性 类型 说明
delegate-handle
(可空)
string

该句柄定义带有 (ionic-china中文网文档)$ionicNavBarDelegate的导航栏

align-title
(可空)
string

标题的对齐方式可以是'left', 'right', 'center' 默认为: 'center'

no-tap-scroll
(可空)
boolean

当点击标题时,是否将内容区域自动滚动到最开始。默认为true