随笔分类 -  ionic2+angular2

1
摘要:ionic 项目中隐藏所有的ion-content滚动条 在variables.scss文件中添加以下代码 ::-webkit-scrollbar { display: none; } 阅读全文
posted @ 2018-04-27 16:26 huangenai 阅读(667) 评论(0) 推荐(0) 编辑
摘要:问题描述: 在ionic 项目中出现编译android 的时候 出现 Cordova failed to install plugin Error: ENOENT: no such file or directory AndroidManifest.xml 无法编译android apk 解决方案: 阅读全文
posted @ 2018-04-27 16:24 huangenai 阅读(2215) 评论(0) 推荐(0) 编辑
摘要:在使用ion-nav 标签的时候 设置的页面 无法拿到传递的参数 在GettingStartedPage获取传递的rootParams,按照拿参数的方法应该是这样获取的 => this.navParams.data,然而this.navParams.data 获取是空。 在调试的时候 发现这样可以获 阅读全文
posted @ 2018-03-11 18:07 huangenai 阅读(732) 评论(0) 推荐(0) 编辑
摘要:在新建的项目文件夹下的 resources下就是我们放置图标以及启动背景图片的位置了。 如果现在我们想生成自己的图片的启动背景以及图片,我们需要把resources下的 icon.png 以及splash.png 替换为我们的图片。 icon 图片最好为1024x1024像素 splash 图片最好 阅读全文
posted @ 2017-09-13 08:02 huangenai 阅读(1429) 评论(0) 推荐(0) 编辑
摘要:ionic升级后发现 ionic serve 跑起来项目出现一下错误: Runtime Error: webpackJsonP is not definedStack: @http://localhost:8100/build/main.js:1:1 你可以参考这样做: 具体关于在index.htm 阅读全文
posted @ 2017-08-28 16:13 huangenai 阅读(2350) 评论(0) 推荐(0) 编辑
摘要:在ionic3 打包的app,如果要实现代码来控制应用程序的退出。 在android以下代码是可以的,但是在ios是不支持的。因为这不适用于ios app,因为苹果apple 不允许应用程序以编程的方式退出。他可以通过ios-objective-C来完成,可是这样的应用程序在 app store 是 阅读全文
posted @ 2017-08-19 17:53 huangenai 阅读(1042) 评论(0) 推荐(0) 编辑
摘要:出现No provider for ApplicationInitStatus!原因是在app.module.ts文件忘记导入BrowserModule导致的,打开app.module.ts文件添加以下内容: 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。 如果对您有帮助请动动鼠 阅读全文
posted @ 2017-08-17 10:09 huangenai 阅读(667) 评论(0) 推荐(0) 编辑
摘要:ionic3 通过插件phonegap-plugin-barcodescanner,调用机器硬件摄像头实现扫码功能。 首先当然先了解下 phonegap-plugin-barcodescanner,这个插件。 支持的平台 Android的 iOS版 Windows(Windows / Windows 阅读全文
posted @ 2017-08-16 14:50 huangenai 阅读(1148) 评论(0) 推荐(0) 编辑
摘要:在真机上启动ionic3打包成的android APK,启动了很久结果弹出这个问题: Application Error - The connection to the server was unsuccessful 可能是我项目资源太多东西了,启动的时间太久了,导致超时了。 解决方案是在项目目录下 阅读全文
posted @ 2017-08-16 14:28 huangenai 阅读(3164) 评论(0) 推荐(0) 编辑
摘要:组件通讯,意在不同的指令和组件之间共享信息。如何在两个多个组件之间共享信息呢。 最近在项目上,组件跟组件之间可能是父子关系,兄弟关系,爷孙关系都有。。。。。我也找找了很多关于组件之间通讯的方法,不同的方法应用在不同的场景,根据功能需求选择组件之间最适合的通讯方式。下面我就总结一下关于组件通讯的N多种 阅读全文
posted @ 2017-07-28 10:44 huangenai 阅读(17340) 评论(1) 推荐(3) 编辑
摘要:ionic 项目中生成 android 如何控制版本号呢。 1.在项目的配置文件下的config.xml 来我们可以看到 <widget id="com.ionicframework.vp2342525" version="1.0.0">···················略 我们改成这样 <wi 阅读全文
posted @ 2017-07-12 17:06 huangenai 阅读(5070) 评论(2) 推荐(0) 编辑
摘要:cordova-hot-code-push ,Cordova热代码推送插件提供了在应用程序中执行基于Web的内容的自动更新的功能。使用此插件可以更新存储在项目的www文件夹中的所有内容。 cordova-hot-code-push 插件的github url :https://github.com/ 阅读全文
posted @ 2017-07-08 17:50 huangenai 阅读(6313) 评论(5) 推荐(1) 编辑
摘要:1.首先我們先下載個 nodejs安裝包 地址:https://nodejs.org/en/ 安裝 檢查是否安裝成功,打開命令提示符 輸入 node -v 回車 查看版本 結果: 2.安裝ionic 輸入以下命令 然後回車 如果你要安裝某個特定版本的就輸入 npm i -g ionic@版本号 安装 阅读全文
posted @ 2017-06-15 16:47 huangenai 阅读(552) 评论(0) 推荐(0) 编辑
摘要:突然出现cordova 不是内部或外部命令,也不是可运行的程序或批处理文件。 可是之前cordova安装后一直用的好好的啊,后来尝试重新安装cordova 出现这个错误。也尝试重新安装了最新版本的node.js还是不行。 后来是这样处理的 删掉这个目录 C:\Users\victor 下的 .cor 阅读全文
posted @ 2017-05-29 16:37 huangenai 阅读(1775) 评论(0) 推荐(0) 编辑
摘要:今天将项目从ionic2 升级为ionic3 ,ionic serve 运行在网页上无任何错误。 但是将项目打包成为android apk 却一直卡在启动页面 白屏,进不去的情况。后来在android studio 控制台看到这个错误提示:Uncaught SyntaxError Use of co 阅读全文
posted @ 2017-05-27 09:54 huangenai 阅读(4612) 评论(2) 推荐(0) 编辑
摘要:如何写一个cordova 用于ionic2项目中呢,在搜索了一番之后,千篇一律,我都怀疑那些文章是不是全部都是复制来复制去的,而且都不是很详细。我自己也捣鼓了一下午,踩了很多坑。所以特此写这下这篇,记录一下。 假设需求是 写一个日志插件,可以将日志写在手机的sdcard中。 1.安装plugman 阅读全文
posted @ 2017-05-23 13:53 huangenai 阅读(9267) 评论(21) 推荐(1) 编辑
摘要:在项目开发中拿到的数据是这样的,要循环遍历出来。可是在ng2中好像不能直接遍历Object 在搜索之后发现了这种方法可以实现。 array-ngfor.ts array-ngfor.html 重点的是这个方法 结果: 参考于: https://segmentfault.com/q/101000000 阅读全文
posted @ 2017-05-22 11:30 huangenai 阅读(16933) 评论(0) 推荐(1) 编辑
摘要:介绍 ngx-translate 是Angular 2+的国际化(i18n)库,在github的地址是箭头 https://github.com/ngx-translate/core 将ngx-translate 使用与ionic2 项目中,实现多语言的切换。 1.安装ng2-translate 在 阅读全文
posted @ 2017-05-17 16:26 huangenai 阅读(7485) 评论(7) 推荐(0) 编辑
摘要:问题描述: 在ionic2下创建的项目打包生成apk,运行在真机上,进入启动页然后有5秒左右的白屏情况才进入首页,在真实项目中更严重,启动画面后更有时候十几秒都是白屏,体验性非常差。 在各种搜索之下,我只找到了这个解决方案,就是将启动画面延长。 1.添加 cordova-plugin-splashs 阅读全文
posted @ 2017-05-17 14:49 huangenai 阅读(5640) 评论(1) 推荐(0) 编辑
摘要:准备工作: 1.下载java sdk 配置好java 环境 2.下载android sdk 跟 android studio 并配置好环境 1.查看平台支持,添加android平台 首先命令提示符进入到所在项目文件夹下 查看系统所支持 的平台 因为我已经配置好环境了,所以在这里我们能看到 andro 阅读全文
posted @ 2017-05-17 13:01 huangenai 阅读(6017) 评论(7) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示