AngularJS和Ionic.标题,标签视图中的按钮

Question

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

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

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

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

Answer 1

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

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

实施例1 实施例2