我可以使用離子框架創建類似桌面應用程序的頂部導航菜單

Question

我是Ionic的新手，我正在使用Ionic創建桌面站點（我瞭解Ionic適用於移動應用程序）。我試圖實現的是在引導線上創建更多頂級菜單。但是，我發現我只能在兩側添加我的菜單（右側爲&，而中間區域爲標題）。如何使用Ionic實現頂級水平菜單欄。任何幫助或方向將不勝感激。

Answer 1

<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>