1、实例背景 ionic切换开关toggle，设置样式用的是toggle-calm、toggle-light等 2、实现源码 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scal
Ionic2 tabs 导航与 sidemenu 导航结合使用方法 我们使用 ionic start -list 查看可用的启动器构建模板, 最经常使用的就是 tabs 和 sidemenu, 但是如果两种都想用呢(最近经常被人这么问...)?下面就做一个简单的步骤演示一下如何简单的结合两种导航方式. 创建项目 快速创建一个基于 tabs 模板的 Ionic 2 项目并以labs启动: ionic
效果如下，图片来自网络 本文例子和上图稍有不同，主要功能如下： 每滑动一下展示一张全屏图片； 滑动到最后一页才出现启动按钮； 欢迎界面只在第一次安装启动时出现。 下面就让我们一步一步实现这个功能： 1.创建应用： 使用Ionic2创建应用非常简单，只需在V1的命令后跟上--v2即可，如下： ionic start ionic2-welcome --v2 2.创建Component 使用命令行创建页
登录： <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link
在开发ionic的页面时，在iphone手机上使用时，屏幕的上下滑动经常会出现白屏（页面空白）。经分析得出出现这种情况的原因： 1、在<ion-content/>标签中设置了属性overflow-scroll="true" 2、页面中所有元素在渲染后的高度没有超出允许展示的高度（不会出现滚动条） 去掉属性overflow-scroll="true"，即使用ionic原生滚动，不管页面中所有元素在渲
在用ionic+angularjs开发页面时，出现点击穿透的现象，先来描述下我的现象： 开发页面A的头部是input的框（搜索框），页面B的头部是文本描述，左边有返回按钮，在页面A中点击某元素可以跳转到页面B，然后点击页面B的返回按钮可以返回到页面A。想象来了，点击页面B的返回按钮，在返回到页面A之后，居然头部的搜素框设置焦点并弹出的输入法键盘，然而我并没有点击呢，why？有点懵圈。 有问题就得分
为什么要定位？ 在访问带有列表的页面，一般会点击列表中某行记录，访问其详情页面，点击返回后回到列表页面，若不进行定位，那么用户需要重新滚动直到找到刚才点击的行记录，体验不好。那么返回时定位可以将刚才点击的行记录直接展示在当前的可视区域内。 ionic中列表定位可以通过$ionicScrollDelegate来实现，定位方式： 1、通过锚点定位 2、通过滚动高度定位 两种方式的实现都需要考虑列表是否
在我们日常的项目开发中，每当页面需要和服务端存在交互的时候，为了界面的友好，我们都会在界面中给个loading的加载图标，当从服务端获取到数据或者已经把本地数据送到服务端并且得到相应的回应的时候我们就会隐藏刚刚的加载图标。 但是之前我们通常的做法都是在每一页面对应的controller中注入$ionicLoading，当发送请求的时候调用$ionicLoading.show();当完成与服务端的交
ionic开发环境部署能从很多文档资料中获取，特别是官网也有权威的安装步骤，这里不再具体说明。这里以ionic2说明，大体说下安装步骤。 环境安装 1、安装NodeJs环境，从其官网下载最新的版本安装，安装过程略。 2、jdk环境安装，版本7.0+，不要问我怎么装。 3、Android SDK工具安装，安装SDK后，请安装现在主流的android sdk版本，安装过程看这里 4、安装cnpm工具，
语言包结构设计 1.目录结构设计 common lang server side lang - 与后台共用的部分 front end side lang - 前端通用的部分 feature lang found found.zh-cn.json - 发现模块 - 简体中文语言包 found.zh-tw.json - 发现模块 - 繁体中文(台湾)语言包 found.zh-hk.json - 发现模
本文提及概念不区分Ionic 1/Angular 1和Ionic 2/Angular 2。 首先我们需要明确以下几个概念： 1.即使我们将移动端web页面做得和原生应用及其相似，在我们的页面中也无法像原生应用那样调用原生的能力，当然通过输入框触发键盘、图库、拍照等操作不在这里“调用原生能力”的范畴。 2.单纯的web页面不能提交到应用商店被用户使用。 然后，我们分别就它们之间的关系做出解释： Io
1、ng-bind竟然会使div变得没有层级eg: <div ng-bind="name">
<div style="background:red;width:100px;height:100px"></div>
</div>
解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载 http://blog.csdn.net/lpandeng/article/details/56282726 ionic 上拉刷新 ion-infinite-scroll 自动调用多次问题解决 http://blog.csdn.net/chenhua4088/article/details/49
前段时间分享了 Android 原生实现验证码倒计时，地址是这里，现在公司使用 Ionic 开发的 App 也要实现类似的功能，现在也记录下来，供大家参考： 效果图： 正文 首先介绍下与本文相关的概念 $interval $interval 是 window.setInterval 的 Angular 包装形式，函数如果在没有被取消的时候会无限执行。（取消使用 cancel(promise) ）
欢迎交换友链： Laker's Blog--进击的程序媛 Github：https://github.com/younglaker V信: lakerHQ （请注明‘来自博客’） 介绍 ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建
ionic3angular4JD 使用 1.cnpm install或者使用npm install 2.ionic serve 3有需要使用android/ios平台 ionic platform add ios/android 4运行android/ios平台 ionic run android/ios 5.预览界面 6.可预览android版本apk 点击下载apk 7.源码查看 点击打开代码
最近一直听说百度钱包的年化超越了余额宝，默默的下了一个百度钱包，发现不是很大，只有10M，带着疑问，打开了app，居然发现很多都是H5做的，当然我不知道是不是使用了混合技术，有些页面直接打开了webview进行加载网页… ok，本来想试试VUE的，后面还是用回了AG，因为我想做的部分页面有图标，PM又叫我研究甘特图。 so，开干 0.使用 cnpm install 下载依赖 ionic serve
出现Object prototype may only be an Object or null: undefined这个问题，有可能是你在基类中导入了子类，所以在编译时就出错了，根据国外网友的回答这个问题可能在TypeScript后续版本中修复
onic官方文档链接：http://ionicframework.com/docs/ 如果是新的环境会有很多坑，主要是有墙，请仔细阅读每个步骤 文档包含以下内容： l 环境搭建 l 创建demo并调试运行 l 打包APK l 添加支持热更新 l 优化启动慢问题 l 常用命令 环境搭建 需要安装以下软件和插件（Android）： l 安装nodeJS（自带npm） l 配置cnpm （使用淘宝镜像取
简书链接 在这篇文章中，我们将分别列举每一个内置指令的用法，并提供一个例子作为演示。尽量用最少最简单的描述，让你在更快更准确地学会每一种内置指令的基本用法。 ngFor 作用：像 for 循环一样，可以重复的从数组中取值并显示出来。 例子： // .ts
this.userInfo = ['张三', '李四', '王五'];
// .html
<div class="ui list" *ng
