Question

我是离子的新手。我根据离子框架设计了我的UI。在我的应用程序中，对于大多数页面，ion-nav-bar包含相同的按钮。但对于某些页面，我想添加额外的按钮（即，我不想删除导航栏上现有的常用按钮，但我想添加额外的按钮）。我一直在阅读离子导航按钮的文档，它告诉你提供的任何特定于视图的按钮，它将替换现有的按钮（我不想要）。我能想到的另一个选择是，在子视图中创建ion-nav-buttons，它包含所有常用按钮以及视图特定按钮，我认为这不是更好的解决方案（因为它涉及重复相同的标记和因此这种解决方案不能很好地扩展。）

这种情况有解决办法吗？

提前致谢。

Answer 1

在该特定page.html上使用以下内容

 ion-header>

  <ion-navbar>
    <ion-title>DashBoard</ion-title>
    <button ion-button class="logout_btn">extra button</button>
  </ion-navbar>

</ion-header>

如何为特定页面的离子导航栏添加额外按钮？

1 个答案: