ionic 侧栏菜单用法

阅读更多
第一步:
引入js和css文件我这里是直接引入的cdn,ionic是基于angular的,bundle.min.js把常用angular的js已经压缩到一起,可以直接引入.bundle.min.js,不需要引入其他js文件。

    

第二步:建立一个app,因为ionic是基于angular封装的,要使用他的事件和一些动态样式,需要建立angular的app同时注入ionic,


第三步:使用
要使用侧栏菜单,添加一个父元素,一个中间内容 ,和一个或更多 指令。

属性:drag-content="true":是否被拖动
      menu-toggle="right" :切换到右侧菜单


左侧测试


设置左侧或者右侧菜单,width="350"为菜单宽度

		
			
				
					
				
			
			
				
					左侧测试
				
			
			
				
					右侧测试
				
			
		

你可能感兴趣的:(ionic,JavaScript,angularjs)