如何在 header 中添加按钮以在 ion-view ionic 中打开弹出窗口？

Question

我必须在 ion-view 页面中创建弹出窗口。我试试这个 HTML 代码：

<ion-view view-title="Search">
 <div class="buttons">
  <button class="button button-icon ion-more" ng-click="popover.show($event)">
  </button>
  </div>
<ion-content >
</ion-content >
</ion-view>

但我没有在 header 页面中找到该按钮。感谢任何帮助。

Answer 1

按钮不会显示，除非包含在 ion-header、ion-nav-buttons、ion-content 中。您可以使用下面的方法将按钮添加到 header:

<ion-nav-buttons side="right">
  <button class="button button-icon ion-more" ng-click="popover.show($event)">
  </button>
</ion-nav-buttons>

还要确保 popover 出现在您的示波器上

如何在 header 中添加按钮以在 ion-view ionic 中打开弹出窗口？

how to add button in header to open popover in ion-view ionic?

ionic-framework

popover