bboyjoe的博客

1)页眉/ion-header-bar:标题栏  align-title——设置标题文字的对齐方式；  no-tap-scroll——当点击标题时，是否将内容区域自动滚动到初始位置；2)页脚/ion-footer-bar：页脚栏3)内容/ion-content:内容区 overflow-scroll——设置是否不用系统内置的滚动条； scroll——设置内容是否禁止滚动(常

1)头部/Header、内容/Content、底部/Footer:  .bar .bar-header——声明元素为头部；  .bar .footer——声明元素为底部；  .content/.scroll-content——声明元素为内容区；  .bar .bar-subheader——声明元素为二级导航栏；  .bar .bar-subfooter——声明元素为二级底部栏；

一.选项卡 : ion-tabs简单介绍使用ion-tabs指令声明选项卡，使用ion-tab声明选项页：  ... ... ... 每个ion-tab元素的title属性值将作为选项页的标题其 内容将填充选项卡书签栏之外的剩余区域（被应用.pane样式）。 注意： 1. 不要把ion-tabs指令放在ion-content之内 2. ion-tab的内容应当放入ion-vie

一． 侧边栏菜单 : ion-side-menus侧边栏菜单是一个最多包含三个子容器的元素：默认情况下，侧边栏菜单将只显示ion-side-menu-content容器的内容。向左滑动时，将显示右边栏ion-side-menu容器的内容，向右滑动时，将显示左边栏 ion-side-menu容器的内容。在ionic中，使用ion-side-menus指令定义侧边栏菜单：

一.列表 : ion-list   列表是常用的信息组织方式。在ionic中，使用ion-list指令声明列表 元素，使用ion-item指令声明成员元素： ... ... ...    ion-list指令提供以下属性用来定制列表的外观：type - 列表种类。type属性是可选的，可用来设置列表的种类： list-inset | card。这两

一.复选按钮 : ion-checkbox   ionic的复选按钮脱胎于HTML标准的checkbox元素，可以在一组选项中 同时选中多个。   使用ion-checkbox指令声明复选按钮元素：...   与标准的checkbox相比，使用ionic的ion-checkbox有几个优势：   1.样式更美观，与移动端的UI更匹配；   2.支持数据绑定。使用可选的ng-mo

主要有：模态对话框$ionicModal、上拉菜单$ionicActionSheet、弹出框$ionicPopup、浮动框$ionicPopover 载入指示器$ionicLoading、背景幕$ionicBackdrop一.模态对话框 : $ionicModal   模态对话框常用来供用户进行选择或编辑，在模态对话框关闭之前，其他的用户交互行为被阻止。   在ionic中使用模态对话

一.幻灯片 : ion-slide-box指令介绍ion-slide-box可以做什么   1. 可以做启动切换页面   2. 可以做首页幻灯   3. 可以做页面左右滑动切换Ionic放在哪个指令使用   主要放在ion-view中使用   幻灯片也是一种常见的UI表现方式，它从一组元素中选择一个投射到屏幕可视区域，用户 可以通过滑动方式（向左或向右）进行切换

一.ionic中路由管理介绍：在单页应用中，路由的管理是很重要的环节。ionic.js没有使用AngularJS内置的ng-route路由，而是选择了AngularUI项目的ui-router模块。ui-router的核心理念是将子视图集合抽象为一个状态机，导航以为着状态的切换。在不同的状态下，ionic.js渲染对应的子视图(动态加载的HTML片段)就实现了路由导航的功能。二.ion