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

时间:2015-01-08 03:20:01

标签: javascript angularjs ionic-framework ionic

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



<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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:27)

您可以从包含<ion-view>的任何屏幕在导航栏的左侧或右侧添加按钮。例如

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

所以这个&#34; New Button&#34;只会来#34; New Screen&#34;。

答案 1 :(得分:1)

如果你只想隐藏那个特定的导航按钮。你可以用

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