一，在入口程序 index.html中

二，在tabs.html中

三，子模板页面对头部导航栏的定义（局部定义）--具体需要使用的标签

（1）在头部导航栏 无自定义按钮（view-title）

（2）在头部导航栏 有自定义按钮

1.左右按钮(ion-nav-buttons)自定义，标题（view-title）仅为展示功能

    
    
         
         
     
              
      
                   
       
                        
        
                             
         
          9                                            
          
                   
           
                        
            
                             更多                            
                 
             
            
           
          
         
        
       
      
     
    

2.标题有一些功能（ion-nav-title）

    
         
         
     
              
      
                   
       
                        标题
        
                                 
        
       
      
         
         
     
    

（3）带副标题bar-subheader（ion-header-bar）

    
         
         
     
               //副标题内容        
          
      
     
    

四，注

ion-nav-buttons最终会渲染进index.html中的ion-nav-bar 这个“坑”。

而ion-view则是 1.先渲染进tabs.html中的ion-tab的ion-nav-view这个“坑”（具体对应哪个ion-tab:由路由控制，路由的views值对应ion-nav-view的name值）; 2.最终再渲染进index.html中的ion-nav-view这个“坑”。

所以ion-nav-buttons是在全局下的，控制样式时，在子标签中加类写样式

‍‍而ion-header-bar 会渲染在ion-view中，所以样式是局部的‍

自定义子模板页面的头部导航栏 也可用ion-header-bar 和hide-nav-bar结合使用实现，但是会出现页面类似重新刷新一样的页面抖动，效果不好

    
         
         
     
              //左边按钮        
      
                   
       
                        
        
                                     //标题        
         
                  //右边按钮        
          
                       
           
                            更多