在離子導航欄中修改導航欄

Question

我想向我的離子導航欄添加3列，但它不起作用。 這是我的代碼：

<ion-nav-bar class="bar-dark nav-title-slide-ios7"> 
     <ion-nav-back-button class="button-icon ion-arrow-left-c"> 
     <div class=row> 
      <div class="col"> Andreea </div> 
      <div class="col"> Kate</div> 
      <div class="col"> Andi </div> 
     </div> 
     </ion-nav-back-button> 
</ion-nav-bar> 

任何想法我做錯了什麼？ 你願意做一個列表（ul，li）嗎？

謝謝！

Answer 1

您可以考慮使用ion-header-bar而不是ion-nav-bar，因爲它允許更多的自定義。 （它可以與多個列一起工作，例如代碼中的那些列）。但是，您將失去內置於ion-nav-bar中的ui-router集成，這需要您自己處理所述導航。請參閱此頁面以獲取更多解釋：Navigating Ionic's Headers。下面是文章的結論要點：

一個標準的標題欄對自己作爲一個純粹的UI元素，準備根據開發者的需求擴展，但不附帶先進的融入離子的路由器和導航堆棧。導航欄在使用時更加自以爲是，但提供了很多回報。