首页 文章

AngularJS和Ionic . Headers ，标签视图中的按钮

提问于
浏览 次
6

我是Ionic的新手，这是我的第一个项目 . 我正在底部创建一个带标签导航的小应用程序 .

一个选项卡视图如下所示：

<ion-view title="Account">
  <ion-content class="has-header padding">
    <h1>Account</h1>
  </ion-content>
</ion-view>

我想在Account旁边的 Headers 中添加一个按钮，根据文档，您使用了ion-nav-bar元素，但是当我尝试这个时，没有按钮显示 . 任何人都可以在标签视图中给我一个如何在 Headers 中添加按钮的线索？

angularjs view ionic-framework

1 回答

  • 20

    您可以使用这样的离子导航按钮：

    <ion-view title="Account">
  <ion-nav-buttons side="left">
      <button class="button" ng-click="doSomething()">
        I'm a button on the left of the navbar!
      </button>
   </ion-nav-buttons>
  <ion-content class="has-header padding">
    <h1>Account</h1>
  </ion-content>
</ion-view>

    Example 1 Example 2

    回复于

相关问题