javascript - 如何为特定页面的 ion-nav-bar 添加额外的按钮?

标签 javascript html css angularjs ionic-framework

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

这种情况有什么解决方法吗?

提前致谢。

最佳答案

在那个特定的 page.html 使用类似下面的内容

 ion-header>

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

</ion-header>

关于javascript - 如何为特定页面的 ion-nav-bar 添加额外的按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43033788/

相关文章:

javascript - 如何保持 Dojo 开发的高效性并仍然使用 Dojo Build 进行部署?

javascript - jQuery Deferred 的 $.when() 和 failed() 回调参数

javascript - jQuery:根据文本值对 <a> 链接进行分组

html - CSS 背景。将内容框与封面相结合

javascript - jQuery 图像映射替代方案

javascript - 在按钮点击 block 上调用 JS 函数 CSS :hover

php - 具有输入标签的多行表

asp.net - 在 Global.asax 中设置 session 变量会导致 AJAX 错误

javascript - 如何判断网页是否以chrome应用程序快捷方式运行

javascript - 如何在 HTML 中导入和操作 3D 对象