ionic 代码点滴积累

前端

顶部带menu按钮的：

 
  
   
    
      
   
    Signup
    
  

 



Ionic2的NavController
NavController是导航控制器组件（如Nav/Tab）的基础类class，在你的app中你使用导航控制器跳转到某个页面。在基础层面上看，一个导航控制器就是一个页面数组，其代表着一个特殊历史记录，这个数组通过在历史记录中进行增删实现页面跳转。



Tab组件写作
 
  ,必须要放置在Tabs组件内，是NavController的一种。
Tab有以下几个基本属性和事件:
[root]	Page	指定tab希望加载的页面
tabTitle	string	tab上显示的标题
tabIcon	string	tab上显示的图标
tabBadge	string	tab上显示的角标数字
tabBadgeStyle	string	角标数字的颜色
enabled	boolean	tab是否可用，默认为true
show	boolean	tab是否显示
[rootParams]	object	tab上传递的参数
tabUrlPath	string	点击tab时跳转的页面url
swipeBackEnabled	boolean	是否支持滑动后退
tabsHideOnSubPages	boolean	在子页面是否隐藏
(ionSelect)	方法	tab select 方法
属性和事件详解



关于
  
   标签 # swipeBackEnabled="false" 是禁止右滑返回上一页 # 输入参数 name string类型 ； root Page类型 表示要在nav中加载的组件； rootParams object类型，表示要在通过此nav传给root page的参数 
    ion-menu标签 The Menu component is a navigation drawer that slides in from the side of the current view. 跟
   
    总是一起用，#mycontent是桥梁 
     
      
       
       
some menu content, could be list items
 
       
      
     
     
    
     标签 与导航nav配合使用 方便切换的 
      
       
       
       
      很牛逼的组件 底部tab弹出 http://ionicframework.com/docs/api/components/modal/ModalController/
    
   
  
 

 

  
  
  
   
    
     
     
      Menu
      
     
    
    
     
     
       Navigate 
      
      
       {{p.title}}  
     
     
     
       Account 
      
      
       {{p.title}}  
     
     
     
       Tutorial 
      
      
       Show Tutorial  
     
    
  

  
  
  
   
    
     
     
      Menu
      
     
    
    
     
     
       Navigate 
      
      
       {{p.title}}  
     
     
     
       Account 
      
      
       {{p.title}}  
     
     
     
       Tutorial 
      
       Show Tutorial