在离子导航栏中修改导航栏

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元素，准备根据开发者的需求扩展，但不附带先进的融入离子的路由器和导航堆栈。导航栏在使用时更加自以为是，但提供了很多回报。