将 Ionic 中的按钮动态添加到导航栏

Question

我有一个导航栏，我想为导航栏添加一个保存按钮，仅用于一个屏幕。我正在阅读博客，每个人都在说您如何在视图中声明您的按钮，而不是在控制器中访问它们。这一切都很好，但我不得不想象人们仍然想隐藏和显示导航按钮。我错过了什么吗？

<body ng-app="App">
      <!-- The nav bar that will be updated as we navigate -->
      <ion-nav-bar class="bar-positive">
        <ion-nav-back-button>    </ion-nav-back-button>
        <ion-nav-buttons side="right">
            <button id="saveButton" class="button button-clear">Save</button>
        </ion-nav-buttons>

      </ion-nav-bar>
      <ion-nav-view></ion-nav-view>
  </body>

Answer 1

您可以在任何包含<ion-view>.Like 的屏幕上添加导航栏左侧或右侧的按钮

<ion-view title="New Screen">
    <ion-nav-buttons side="primary">
        <button class="button" ng-click="doSomething()">
            New Button
        </button>
    </ion-nav-buttons>
</ion-view>

所以这个“新按钮”只会出现在“新屏幕”上。

Answer 2

如果您只想隐藏该特定位置上的右导航按钮。你可以这样做

<ion-nav-buttons side="right" >
</ion-nav-buttons>