Drop down menu 我可以使用ionic framework创建类似桌面应用程序的顶部导航菜单吗

Drop down menu 我可以使用ionic framework创建类似桌面应用程序的顶部导航菜单吗,drop-down-menu,ionic-framework,navbar,Drop Down Menu,Ionic Framework,Navbar,我是爱奥尼亚的新手,我正准备使用爱奥尼亚创建一个桌面站点(我知道爱奥尼亚是为移动应用设计的)。我试图实现的是在引导行上创建一个顶部菜单。但是,我发现我只能在侧面添加菜单(左侧和右侧,而中间区域是标题)。如何使用Ionic实现顶部水平菜单栏。任何帮助或指导都将不胜感激。 <ion-nav-bar class="bar-dark "> <ion-nav-back-button class="button-clear">

我是爱奥尼亚的新手,我正准备使用爱奥尼亚创建一个桌面站点(我知道爱奥尼亚是为移动应用设计的)。我试图实现的是在引导行上创建一个顶部菜单。但是,我发现我只能在侧面添加菜单(左侧和右侧,而中间区域是标题)。如何使用Ionic实现顶部水平菜单栏。任何帮助或指导都将不胜感激。


<ion-nav-bar class="bar-dark ">
            <ion-nav-back-button class="button-clear">
                <i class="ion-chevron-left"></i>  
            </ion-nav-back-button>
            <ion-nav-buttons  side="right" style="width: calc(100% - 60px);">
                <label class="item item-input transparentBack noBorder" style="padding-left:1px;margin-right:12px">
                  <i class="icon ion-ios-search placeholder-icon  "></i>
                  <input ng-click="runHashTagSearch('#-1')" type="text" class="navSearchHolder" placeholder="search in " >
                </label>
                <div style="width: 110px;margin-top: 11px;">
                  <span ui-sref="messagesHome"    style="width:auto;display: inline;"  >
                    <i class="icon ion-ios-email" style="font-size: 24px;padding: 6px;     "> </i>

                  </span>
                  <span style="width:auto;display: inline;"   ng-click="goToStateAnimated()">
                    <i class="icon ion-android-notifications" style="font-size: 24px;padding: 6px;"> </i>

                  </span>
                </div> 
            </ion-nav-buttons>
        </ion-nav-bar>