ion-nav-buttons
属于ionNavView

ionView中设置ionNavBar上的按钮。 可以使每个视图模板指定导航栏中应该显示哪些按钮,它将覆盖在导航栏中存在的默认按钮。

您声明的按钮将位于导航栏的相应侧。 主按钮通常映射到标题的左侧,辅助按钮通常位于右侧。 但是,它们的确切位置将根据平台而定。 例如,在iOS中,主按钮位于标题的最左侧,辅助按钮位于最右侧,标题位于中间。 而对于Android,两组按钮都将在标题的最右侧,标题对齐在左侧。

我们建议始终使用主要(primary)次要(secondary)来定义,这样按钮会正确地映射到每个平台的用户熟悉的一侧。 但是,如果按钮需要始终位于某一侧,例如,用于左侧菜单的切换按钮应该在左侧; 在这种情况下,我们建议使用side="left",它将保持在左侧,不会区别平台。

注意ion-nav-buttons必须是ion-viewion-nav-bar元素的直接后代(不要将其包在另一个div中)。

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

<ion-nav-bar>
</ion-nav-bar>
<ion-nav-view>
  <ion-view>
    <ion-nav-buttons side="primary">
      <button class="button" ng-click="doSomething()">
        I'm a button on the primary of the navbar!
      </button>
    </ion-nav-buttons>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>

API

属性 类型 说明
side string

将按钮放置在 (ionic-china中文网文档)ionNavBar中的哪一侧。 可用:primary(主要), secondary(次要), left, right