Question

我正在尝试在sidemenu应用程序的导航栏中实现一个菜单，与here相同，但使用离子2：一些导航按钮进入顶部导航栏。

我是离子2的新手，所以我用ionic start APP sidemenu --v2开了一个新应用现在我知道导航栏位于每个页面的标题中。

所以我会在每个页面上使用导航按钮重复我的顶部导航栏，如下所示：

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-buttons right>
  <button ion-button icon-only><!-- or your method, this is for closing a modal -->
     <ion-icon name="md-person"></ion-icon>
  </button>
</ion-buttons>
<ion-buttons right>
  <button ion-button icon-only><!-- or your method, this is for closing a modal -->
     <ion-icon name="ios-search"></ion-icon>
  </button>
</ion-buttons>
  </ion-navbar>
</ion-header>

但它不干净;）

有没有办法在menu.html文件中分隔此导航栏，还是应该在每个页面的标题中复制我的按钮？

你能帮我解决一下混合的sidemnu / tabs的代码吗？甚至解释是否有要声明的组件（我是角度2的新手）！

由于

Answer 1

确保我理解正确的问题：您希望上面发布的所有代码都可以在每个页面上使用，而无需重复代码吗？

答案：组件

您可以创建一个组件，并使用上面的代码作为组件的模板。例如，如果您要将组件的选择器设置为“navbar”，那么您可以只使用

而不是上述所有代码。

<navbar></navbar>

位于需要导航栏的每个页面的顶部。

我们使用ionic来构建我们的应用程序，这正是我们所做的。一般来说，无论是离子还是角度，如果你想重复使用某些代码而不是在任何地方复制和粘贴，那么组件就是你的答案。

顶部导航栏内的导航按钮，带有ionic-2-sidemenu app

1 个答案: