目录: 标题栏 : ion-header-bar 页脚栏 : ion-footer-bar header/footer : 样式及内容 内容区 : ion-content 滚动框 : ion-scroll 拉动刷新 : ion-refresher 滚动刷新 : ion-infinite-scroll 脚本接口 : $ionicScrollDelegate 标题栏 : ion-header-bar ion-header-bar指令声明一个标题栏元素,标题栏总是位于屏幕的顶部: <ion-heade…

目录: 标题栏 : ion-header-bar 页脚栏 : ion-footer-bar header/footer : 样式及内容 内容区 : ion-content 滚动框 : ion-scroll 拉动刷新 : ion-refresher 滚动刷新 : ion-infinite-scroll 脚本接口 : $ionicScrollDelegate 标题栏 : ion-header-bar ion-header-bar指令声明一个标题栏元素,标题栏总是位于屏幕的顶部: <ion-heade…

目录: 简介 Hybrid vs. Others ionic CSS框架 基本布局 布局模式 定高条块:.bar .bar : 位置 .bar : 嵌入子元素 .bar : 嵌入input 内容:.content和.scroll-content Hybrid vs. Others 要开发手机App,目前有三种方式: 原生/Native:使用原生SDK开发App.优点不用说,当你有足够的资源,这是最理想的方式:缺点是对不同的 平台要分别开发,成本高.周期长. 原生脚本/NativeScript:将…

  写在前面的话 过去一年自己接触了不少手机前端开发,得益于现在手机性能的提升和4G普及,感觉使用混合技术开发手机App已经可以满足越来越多的应用场景了.新年伊始,对自己2016年所学知识做一个阶段性总结,记录一个自制的“小而萌”Hybrid App开发历程,共勉! [扩展阅读] 企业移动应用开发 混合开发成香饽饽 2016年JavaScript领域中最受欢迎的“明星”们 Hybrid APP混合开发的一些经验和总结 App预览 (*模糊化的个人数据) 简介 个人日常管理App,简称PDM(Pe…

实践分享:开始用Cordova+Ionic+AngularJS开发App http://www.cocoachina.com/webapp/20150707/12395.html…

本文链接:http://www.codeceo.com/article/6-angularjs-extension.html本文作者:码农网 – 小峰 AngularJS现在非常热门,是Google推出的一款非常优秀的前端JS框架.AngularJS最核心的概念是MVC.模块化.自动化双向数据绑定.语义化标签.依赖注入等.目前AngularJS扩展还比较少,本文就向各位分享6个实用强大的AngularJS扩展应用. 1.AngularJS 认证模块 Satellizer Satellizer是一…

Ionic/Angularjs 知识点解析 angular-ui-router(状态跳转) state的定义:(在app.js的config下配置) $stateProvider .state('app', { url: '/app', abstract: true, templateUrl: 'app/menu.html', controller: 'AppCtrl' }) //state 跳转使用该参数名 .state('app.myapp-home', { //使用href跳转使用该参数…

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML. CSS和JavaScript,开发跨平台(目前支持:Android.iOS,计划支持:Windows Phone.Firefox OS) 的原生App应用: ionic主要包括三个部分: CSS框架 - 提供原生App质感的CSS样式模拟.ionic这部分的实现使用了ionicons图标样式库. JavaScript框架 - ionic基于AngularJS基础框架开发,遵循AngularJ…

目录: 内联模板 : script 路由机制 : 状态机 导航视图 : ion-nav-view 模板视图 : ion-view 导航栏 : ion-nav-bar 回退按钮 : ion-nav-back-button 内联模板 : script 可能你没有注意过,HTML中常用的script标签在AngularJS中被重新定义了: 除了原来的脚本声明功能之外,如果script元素的type属性 定义为text/ng-template,则被称为内联模板.例如: <script type="…

目录: 1. 模态对话框 : $ionicModal 2. 上拉菜单 : $ionicActionSheet 3. 弹出框 : $ionicPopup 4. 浮动框 : $ionicPopover 5. 载入指示器 : $ionicLoading 6. 背景幕 : $ionicBackdrop 1. 模态对话框 : $ionicModal 模态对话框 : $ionicModal 模态对话框常用来供用户进行选择或编辑,在模态对话框关闭之前,其他 的用户交互行为被阻止. 在ionic中使用模态对话框…