随笔分类 - Ionic开发
摘要：1. 核心内容 使用Angular2的国际化(i18n)库：ngx-translate 官网地址：http://www.ngx-translate.com/ GitHub地址：https://github.com/ngx-translate/core 官网和GitHub都有详细的使用说明，也有dem
阅读全文
摘要：在编译ionic项目的时候出现：Error：The "tsconfig.json" file must have compilerOptions.sourceMap set to true. 如下： 解决此问题首先我们要弄清楚这个文件的作用：tsconfig.json文件用来指定编译项目所需的根文件
阅读全文
摘要：问题描述： ionic项目，windows下正常，打包android可正常运行； 因为需要打包到iPhone (ios 11.0.1)上测试，将代码拿到Mac OS环境下(重新npm install、platform add ios等)测试的时候， build ios正常、ionic serve正常
阅读全文
摘要：插件介绍： 作用：下载并缓存远程托管的内容。 地址：https://github.com/phonegap/phonegap-plugin-contentsync 插件支持的平台：Android、IOS、WP8 插件使用： 1.创建一个PhoneGap（或者Cordova） 的测试demo，可以通过
阅读全文
摘要：上一篇，我们介绍了在本地开发环境下的ionic项目热更新测试， 本文，我们将详细说明如何在去掉cordova-hot-code-push-local-dev-addon插件的情况下，实现热更新。 使用步骤： 1.安装CLI：npm install -g cordova-hot-code-push-c
阅读全文
摘要：开门见山，本文主题：cordova-hot-code-push 作用：cordova热更新插件，提供了在应用程序中对基于Web的内容进行自动更新的功能。 GitHub地址：https://github.com/nordnet/cordova-hot-code-push 另外一并介绍：cordova-
阅读全文
摘要：问题描述： 在基于懒加载的Ionic工程中，使用ionic2-auto-complete组件（GitHub地址：https://github.com/kadoshms/ionic2-autocomplete），出现以下错误提示： 说明：组件使用均是按照GitHub上的标准写法， 在非懒加载的Ioni
阅读全文
摘要：问题描述： 基于Ionic最新的super模板，创建的项目，在自己改造成懒加载机制后，原本正常的项目出现问题了，提示模板内部使用的翻译管道找不到，如图： 模板内部使用的翻译管道代码，我确定没有问题， 问题的产生应该与改造懒加载模式有关系，但是不清楚为什么会产生冲突。 最终解决方案： 在确保app.m
阅读全文
摘要：1）npm outdated 2）手动修改你项目的package.json文件，找对应的版本号 3）npm update 重新安装包就可以了。 转自：http://devfanaticblog.com/how-to-update-ionic-2-cli-and-libraries/
阅读全文
摘要：由于大多数的Cordova plugin都是国外的，一些提示信息通常都是英文， 这就需要我们自己修改成中文信息。 除此之外，还有可能插件的样式，皮肤等和整体项目的风格不一致，这个时候也是要修改的。 可能你会问，插件都是老外写好的，我们有办法修改吗？答案是当然。 下面以一个例子来说明： 在使用cord
阅读全文
摘要：ImagePicker插件实现设备上的多个图像选择的功能。 组件特性： 统一选择界面，避免不同设备选择界面不一样的问题； 支持多选，并且可以设置最多选择的张数； 选择数量超出设置时会提示； Camera.PictureSourceType.PHOTOLIBRARY里面只能单选，对于多图像的情况下会比
阅读全文
摘要：Gallery Modal可以理解为相册的预览界面。可以显示网络图片，也可以显示base64Image。 在这个例子中，我用来实现图片的预览功能。 相机拍照，或者相册选择图片后，用缩略图组件显示缩略图，点击缩略图可以预览大图。 组件特性： 支持手势缩放 可加载网络图片，也可以加载本地图片或者base
阅读全文
摘要：PhotoViewer是常用的Cordova Plugin之一，用来显示图片。 组件特性： 根据Url显示图片 支持手势，可放大缩小 带分享按钮，可分享图片 带关闭按钮 加载错误时自动关闭组件 支持Base64 参考地址：https://github.com/sarriaroman/photovie
阅读全文
摘要：之前（17年3月底）Angular4.0.0正式发布，这个月（4月十几号）Ionic3又发布了，很多人看到这个估计都是一脸懵圈，其实，Angular4只是Angular2的后续版本，Ionic3也是Ionic2的后续版本，只是因为Angular现在严格按照版本更新策略来制定版本号，所以才会一下子跳到
阅读全文
摘要：ImageLoader：通过后台线程加载图片（异步）并缓存。类似于Glide或者Picasso。 组件特性： 后台线程下载图片，下载速度更快，不使用webview的资源； 缓存图像。图像将在您下次显示时立即显示，因为它们已保存在本地存储区，而不是每次都去服务器请求； 可显示加载进度条，也可关闭； 可
阅读全文
摘要：组件特性： 轻触图片可全屏查看 手势上下滑动可关闭全屏查看 点击导航箭头可关闭视图 双击查看全图，并可放大 参考地址：https://github.com/Riron/ionic-img-viewer 1）安装包： npm install --save ionic-img-viewer 2）在app
阅读全文
摘要：无论是web开发还是app开发，autocomplete是常用组件之一。 可惜截止到目前，ionic官方并未提供此组件。 ionic2-autocomplete是GitHub上的开源的Ionic2组件，本文将讲解如何在自己的项目中使用它。 组件地址:https://github.com/kadosh
阅读全文
摘要：本文介绍如何在ionic项目中使用设备的camera。 Ionic版本：v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes 1）第一步是安装ionic-native/core。所有用到Native的功能，这一步不能省。npm install @ion
阅读全文
摘要：此问题出现在Ionic官方将版本从2.2升级到Ionic3以上之后， 在项目中generate page时，自动创建的module.ts就报错，如下： 解决办法如下： 1）将IonicModule替换成IonicPageModule。 原因参考：https://stackoverflow.com/q
阅读全文
摘要：由于Ionic 自身也在不停的更新当中， 所以开发者经常会遇到从官方的CLI 命令，在命令行窗口中执行出错的情况。 就比如我一个月之前安装的ionic 2.2.2版本，已不能使用最新的3.2.0 CLI命令。 （其实困扰也没有那么大，cmd会有提示信息，告诉你command为什么无法执行，选择相应的
阅读全文