原文：http://ionicframework.com/blog/ionic-vagrant-android/ 在开发HybridApp应用时，配置Ionic, Cordova, and Android开发环境是件麻烦的事情，是一 个最大的痛点。 特别是对于在Windows平台下开发的新开发者来说，在各种各样的类linux shell环境下配置nodejs，
原文地址：Ionic最佳实践-使用模态窗口modal 模态窗口的结构 在Ionic中，模态窗口通过$ionicModal提供。他易于使用且非常强大，详细信息请参考$ionicModal文档。Ionic中的模态窗口可以使用模板字符串或URL创建。本文将使用URL。 模态窗口创建时绑定到一个scope，这个scope可以用来传递数据。然而，在更复杂的情况下，通过服务来访问共享数据是最好的做法。 制
最近公司项目要做app。由于开发时间较短，并且要出web，android和ios三个版本，经过考虑后决定尝试用Hybrid App的开发方式。说到Hybrid App(混合应用)，什么是混合应用？ 混合应用（Hybrid App）相当于是利用Web开发技术编写的原生应用，如HTML5、CSS、JavaScript都是进入原生容器（Native Container）的比较常用的语言，原生应用包含了一
本文不是插件详解，只是罗列公司上线项目中使用到的各种插件以及碰到的坑，如果像详细了解一个插件建议去其官方 github 查看。 ionic 插件的安装方法：ionic plugin add pluginName 我自己查找插件的方式：首先 ngcordova，然后是 cordova 官方（cordova 官方有点坑，千万注意自己的 cordova 版本，不要找到万年不更的插件，发现老是搞不出来）。
Android应用程序签名 在前一章节里面，通过ionic run使app成功在手机上面跑起来，并且将android-debug.apk放到手机上后发现也能正常的安装，debug版本和release版本到底什么区别呢，这里就需要了解安卓的apk签名：为了保证每个应用程序开发商合法ID，防止部分开放商可能通过使用相同的Package Name来混淆替换已经安装的程序，我们需要对我们发布的APK文件进
介绍 ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。AngularJS路由实例(uiRoute、ngRoute) 效果图 实例代码 index.html <body ng-app="starter">
<!--ion-nav-view用来渲染模板-->
<ion-nav-view></ion-nav-view
原文网址：http://mclspace.com/2016/01/16/ionic-problems-and-solutions/ 前言 Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题，本文尝试对这些问题给出解决方案。 一些常识与技巧 list 有延迟，可以在ion-content处使用 overflow-scroll="true"尝试 在<
Ionic CLI介绍 Ionic CLI是开发Ionic应用程序过程中使用的主要工具。它就像一个瑞士军刀：它在一个界面下汇集了大量工具。 CLI包含许多对Ionic开发至关重要的命令，例如start，build，serve和run。 它还包含emulate和info等命令，这些命令在某些情况下可以提供一些帮助。 安装CLI 要安装Ionic CLI你需要先安装node和npm，然后运行以下命令来
在使用Ionic 3 创建项目后，添加platform，相关命令如下 $ ionic start Demo tabs $ ionic cordova platform add android 工程目录结构说明如下图（将鼠标悬停在图片上，右键，选择在新标签页中打开图片）
在此之前，JS和原生的交互主要是通过WebView（Android）和UIWebView（iOS）进行，但在Ionic 3 中，Cordova提供了标准的API，来让JS和native进行数据交互。 在Android中，Cordova提供了exec（）方法，将访问原生的方法暴露给JS，而Java通过CordovaPlugin.execute（）方法与之进行数据对接 以下是Cordova.exec（
在之前的文章中有提到项目的源码全部存放在项目根目录的src文件夹，我们之后所有的代码开发也是在该目录进行 app文件夹 1、app.component.ts 根组件 import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ioni
之前对 Ionic 3 项目插件的结构做过简单的介绍Ionic 3 插件应用：plugin基本知识了解 一个插件应该至少包含以下file： plugin-name -----------------src //插件支持平台 ------android.java //添加了支持Android平台 ---------------
我正在使用相机拍摄图像并进行预览.它需要发送到服务器,所以我使用目标类型’FILE_URI’.当我在 android上运行它时,它工作,但我得到这个错误在ios 10.3.1上运行它 不允许加载本地资源：file：///var/mobile/Containers/Data/Application/2CE518F3-4F4E-42A9-94E1-DC06D01250C7/tmp/cdv_photo_
我在 Android上开发了一款Ionic 2应用程序,现在我正试图在iOS上运行它. 该应用程序在初始登录时下载了很多文件,我使用Ionic-Native Transfer plugin这样做.在Android上一切正常,但在iOS上App似乎停留在fileTransfer.download()函数的承诺中,它甚至不会抛出错误. 示例代码： private downloadFile(downlo
我有一个离子应用程序,其中使用CLI命令离子资源生成的启动画面和图标 iOS版本与正在渲染的启动画面完美配合,但在Android版本中,只有在加载应用程序时才会显示白屏. 我检查了config.xml文件,所有路径看起来都是正确的,生成的图像出现在相应的文件夹中. (我使用了splash.psd模板来生成它们. 我错过了什么？ 这是config.xml文件供参考,我觉得我在这里做错了 – <?xm
我在我的离子应用程序中使用$anchorscroll,在 Android上它运行正常但在iOS上我的内容在滚动后卡住了,我无法向上滚动. 我尝试使用overflow-scroll =“true”,但这在我的应用程序中都不起作用… 有人可以帮我这个吗？ function scrollTo() {
console.log("scroll to: " + $stateParams.id);
我使用离子和更新的cordova到版本4.1.1(从3.9.2).几乎一切正常,但我的console.log不再出现在 xcode中. 任何的想法 ？ $ionic info： Cordova CLI：6.2.0 Gulp版本：CLI版本1.2.1 Gulp local：本地版本3.9.1 离子框架版本：1.0.1 离子CLI版本：1.7.16 Ionic App Lib版本：0.7.3 ios-
我创建了一个带有离子的应用程序,在 Android中构建,然后当我运行“离子模拟android”时,我收到以下错误： “模拟器：错误：此AVD的配置缺少内核文件!!模拟器：错误：ANDROID_SDK_ROOT未定义” 我在互联网上阅读,其中大多数人说我需要安装ARM EABI v7a系统映像.我有android studio,我打开了sdk并为所有版本的android(4.2.1,4.2.2等)
