ionic的安装
一.学习一样新的框架的步骤:1.先找到人家的网站, 一个个点过来看看2.我们前端的框架,分css与js3.先学css 再学js4.要学会复制黏贴代码, 实际演练代码的效果二.ionic环境安装及ionic2安装链接 （vs2015）1. Ionic的环境安装建立在node安装好的前提下2. 安装JD...
ionic2 自定义cordova插件开发以及使用 （Android）
如何写一个cordova 用于ionic2项目中呢，在搜索了一番之后，千篇一律，我都怀疑那些文章是不是全部都是复制来复制去的，而且都不是很详细。我自己也捣鼓了一下午，踩了很多坑。所以特此写这下这篇，记录一下。假设需求是 写一个日志插件，可以将日志写在手机的sdcard中。1.安装plugmannpm...
Ionic3.0 输入状态时隐藏Tabs栏
刚接触ionic3 不久 ，发现遍地都是坑，昨天遇到一个问题就是当键盘弹起的时候tabs 也被 弹了起来，最初预想是放在tabs 的一个子页面内处理这个问题，Tabs隐藏后，我们发现底部有部分空白，是因为ion-content编译后，实际内容显示于一个class为scroll-content的div...
ionic3-ng4学习见闻--(多环境方案)
搜了很久，很难找到一个详细入微，开箱即用的方案。于是我 百折不挠的，搞出来一个，也不知道是不是最完美的方案，有什么可以优化的地方可以指出，谢谢。首先，1.项目目录下(与src平级)，新增config/webpack.config.js文件，内容如下: var chalk = require("cha...
Angular+Ionic+RSA实现后端加密前端解密功能
因业务需要，需要给android应用安装证书，通过读取证书文件内容实现某些功能的控制；流程：后台通过publicKey对指定内容的文件进行加密，生成文件共客户下载，客户下载后选择该证书文件读取到应用中；后台加密代码：package com.zl.unit.printunit;import org.s...
Ionic2 App Import BrowserAnimationsModule or NoopAnimationsModule问题
在开发app的过程中遇见了动画相关方面的问题，具体如下：解决方法是：在app.module.ts模块中引入BrowserAnimationsModuleimport { BrowserAnimationsModule } from '@angular/platform-browser/animati...
ionic1使用imagepicker在安卓手机上闪退问题
在上一篇文章中，提到了如何在ionic1中使用imagepicker插件，并且实现该插件显示中文（汉化）问题有兴趣可以看看：ionic1使用ImagePicker插件并且显示中文（汉化）1、这次要解决的问题是app在一些手机上打开相册时，莫名闪退问题。在上一篇文章中我们这样使用imagepicker...
国内常用的三种框架：ionic/mui/framework7对比
国内常用的三种框架：ionic/mui/framework7对比原文连接：http://zhihu.com/question/19558750/answer/91179040...
ionic + cordova 使用 cordova-gallery-api 获取本地相册所有图片
cordova-gallery-api 插件定义一个全局galleryapi对象，提供查询图库相册的方法安装 cordova-gallery-api:cordova plugin add https://github.com/subitolabs/cordova-gallery-api.git调用方...
ionic关于隐藏底部tabs终极解决方案
网上看到很多都是写个指令，监听view进出对tab进行显示隐藏，试过挺多个，自己写了一个，都不是太让人满意，问题大多数为：1、二级页面是隐藏了tab，但是进去三级视图发现tab又出来了2、三级，四级view隐藏了tab，但是返回键的时候tab一秒后又跑了出来参考国外资料，如果只要在首页的几个页面中显...
ionic npm安装报错 no such file ，解决办法
Install the latest version of NodeJS from their website (e.g. 6.X.X).Open the Node.js command prompt as administrator.Run: npm cache cleanRun: npm uni
ionic2+angularjs2
感觉TypeScript真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以...
Ionic 2 官方示例程序 Super Starter
原文发表于我的技术博客本文分享了 Ionic 2 官方示例程序 Super Starter 的简要介绍与安装运行的方法，最好的学习示例代码，项目共包含了 14 个通用的页面设计，如：引导页、主页面详情页面、登录注册、设置、国际化（多语言）、API、增删改查、预览等页面，供参考。原文发表于我的技术博客...
ionic app打包和签名
ionic app打包和签名1、首先在项目根目录执行 ionic platform add android 生成Android平台。2、配置应用签名：在根目录下执行以下命令keytool -genkey -v -keystore myApp.keystore -alias myApp -keya...
Ionic入门五：表单
一、输入框list 类同样可以用于 input 元素。item-input 和 item 类指定了文本框及其标签。1.输入框属性：placeholder以下实例中，默认为100%宽度（左右两侧没有边框），并使用 placeholder 属性设置输入字段预期值的提示信息。<div class="...
Ionic/Angularjs 知识点解析
Ionic/Angularjs 知识点解析angular-ui-router(状态跳转)state的定义:(在app.js的config下配置)$stateProvider.state('app', { url: '/app', abstract: true, templateUr...
ionic ngRepeat追加数据（加载更多，不需要重复渲染dom数据）
1）模版循环在之前的随笔中已经说过，使用挺简单的 http://www.cnblogs.com/tujia/p/6078217.html简单来说就是控制器输入一个数据变量，模版里用ng-repeat属性来循环就可以了<ion-list> <ion-item ng-repeat="...
ionic2 使用 cordova 打包成安卓apk
准备工作：1.下载java sdk 配置好java 环境2.下载android sdk 跟 android studio 并配置好环境1.查看平台支持，添加android平台首先命令提示符进入到所在项目文件夹下查看系统所支持 的平台cordova platform list //更多cordova ...
Ionic2 播放mp3功能实现
在开发app的过程中有需要播放mp3的功能，一直想实现，但苦于具体的困难一直未能实现，经过一段时间的资料查询和测试，最终摸索出来，现记录如下：1.最重要的是安装第三方插件ionic-audio,开源地址是 https://github.com/arielfaur/ionic-audio第一，cd D...
ionic中$ionicPopover和$ionicModal
Popover可点多个按钮弹出同一个浮动框但内容不一样。那想要在同一页面弹出不同的浮动框怎么办呢？这事就用到了$ionicModal，他和$ionicPopover一样的用法。请看图：html：controller.js：angular.module('ionicApp', ['ionic']) ...