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>

Example 1 Example 2

AngularJS和Ionic。标题，标签视图中的按钮

1 个答案: