如何为特定页面的 ion-nav-bar 添加额外的按钮？答案

【问题标题】：How to add extra button to ion-nav-bar for a specific page?如何为特定页面的 ion-nav-bar 添加额外的按钮？
【发布时间】：2017-08-19 09:58:47
【问题描述】：

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

这种情况有什么解决办法吗？

提前致谢。

【问题讨论】：

请提供您的代码。
您说的是哪个离子版本，如果是 IonicV1，那么您可以提供数据路由（在配置方法中）并根据值显示和隐藏该按钮。我不确定这是否是最好的方法。
我正在使用 ionicv2
@Squeakasaur，实际上我的 POC 已经变得太大，无法在 codepen 上共享。那么，您能给我一个想法或任何参考或示例吗？

标签： javascript html css angularjs ionic-framework

【解决方案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>

【讨论】：