【关于ionic的一些坑（3）】的更多相关文章

关于ionic的一些坑（1）

既然来了,总要留下点什么证明自己来过不是,今天就扒一扒自己在ionic上面遇到的坑,因为在项目中2还没出来,所以现在所遇到的都是1中的,关于2的,待老夫以后详细摸索之后在与君细细道来. 1.ionic的创建和编写 这一点想必大家都不需要了吧,因为网上有很多帖子,很多资料都有,所以我也就不说了哈 2.爬坑ing... 因为自己也是刚出道的菜鸟,对于一些细节的把握还不够,所以我把自己认为是坑的跟大家分享一下,大神看到了,笑笑就好,别拍砖... 关于ionic在安卓机上面物理返回键到首页面的时候,点击…

关于ionic的一些坑（3）

(1)对于页面中的input之类的输入框,取值的时候一般采用的是$scope.model=””的方式来取得input输入框的值,然后进行操作,但实际上在ionic里面是取不到的,取值之前必须先把input的值初始化一下才可以,这是因为$scope的作用域问题导致的,例如$scope.inputValue={}这样写,也可以实现input值的初始化 (2)关于ionic的上拉菜单,按照官方文档的写法写出来的上拉菜单,你会发现在ios和android上的样式是不一样的,ios还好,但是android…

关于ionic的一些坑（2）

如果你通过查阅相关文档,ionic的项目框架已经搭好,下面我来总结一下我在项目中所遇到的坑,给还没踩过的人以方便,给自己以勉励: (1)关于android和ios的适配 因为ionic默认的tabs状态是位于每个页面的二级标题处,并没有位于底部,不过有相关的配置可以设置: $ionicConfigProvider.scrolling.jsScrolling(true); $ionicConfigProvider.platform.ios.tabs.style('standard'); $ioni…

ionic新入坑-环境搭建+新建项目+打开低版本项目处理

是的.我又双叒叕入新坑了.想我大学的时候web-app刚火起来.还帮忙做了我们学校医务室系统的web-app页面部分呢.时间太紧最后也没出个完整的版本.那时候只是用H5简单做了web部分.是想着用phone-gap做三端的.后来没搞起来就不了了之了.实习的时候也是做的web-app.仿微信页面.所以刚来这里做Ext.js的时候是蛮懵逼的.哭唧唧.还要改后台代码.心态有点爆炸吧.现在做着就觉得也还行吧.所以说让我来做这个.我还是蛮开心哒~~~ 参考资料先奉上: 安装Android studio:…

ionic+cordova填坑

1.命令行更新 cordova,ionic.nodejs ,npm,bower等到新版本,不要在vs中更新 2.程序突然白屏 因为拷贝其他程序到js中,乱码 :a模拟器打开 f12看控制台错误解决 3.注意多一个逗号 ,},造成程序崩掉 4.无法真机调试: a.手机没连  b.重启vs或机器  instead saw 5.增加插件,注意更新app.js 的 config注入 6.service不返回,用在return中写函数 7.controller报错,注意注入$插件 8.$scope.dat…

Ionic3项目实践记录

Ionic3首次项目实践记录 标签(空格分隔): Angular Ionic Ionic3踩坑 1. 路由懒加载(lazy load) 如果设置了懒加载,就必须全部懒加载(包括TabsPage),否则会出现路由跳转后tabs消失的情况. 2. 通过ts来返回tabs的首页: 注意必须通过this.app.getRootNav().setRoot('tabs');,不能到home,否则,tabs会消失. 参见stackoverflow | Issues import { App } from "i…

ionic 微信分享值各种坑

去前段时间公司的app需要做微信分享,然后网上找的教程,在做的时候发现网上的教程各种坑,现在将做得过程分享出来 在做功能之前你需要做几步预备工作, 1.安装jdk,jre,并加入全局变量[这个网上还是比较正确的,可以在网上查一下,但是win10需要特别注意,全局变量不能使用%JAVA_HOME%,需要使用绝对路径,当时安装的时候发现的,折腾了好长时间] 2.发布release版本app[ionic build android -release],生成签名 生成证书和绑定签名的步骤,可参考http…

ionic开发遇到的坑及总结

前言 ionic是一个用来开发混合手机应用的,开源的,免费的代码库.可以优化html.css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化.ionic会是一个可以信赖的框架.到目前为止,ionic已经推出了ionic3,已解决了这个行业的大部分痛点,性能也得到了大幅度提升,但是这个坑......,相信用过的人都知道...... androud-studio打开后一直在编译 出现这种出现这种情况,关掉你的as ,找到你的路径下:C:\Users\cxz\.g…

关于ionic开发中遇到的坑与总结

这次是第二次使用ionic开发混合app,今天算是对这个框架做一个总结,基础的我就不再重复了,网上都有教程.我就说说自己的心得和遇见的各种坑, 之后会陆续补充,想到什么说什么吧. 1.关于ionic效率的问题,这个是我最关心的问题,毕竟用户体验才是第一位啊. a)Native transitions 这个是一个cordova插件,主要是让页面间的切换更贴近原生,可以通过命令行安装. cnpm install ionic-native-transitions --save cordova plug…

ionic中遇到的一些问题和坑

接触ionic有一段时间了,一路上踩了不少坑.大部分都记录下来了,分享给大家,可以少走很多弯路 1,ng-init不能在body里面初始化,可以在一个段落里面初始化<div ng-init> 2,使用state.go跳转页面,传递参数的时候,需要在路由配置 的地方加上{params:{restDate:null},代码如下 .state('detail', {params:{restDate:null} ,url:'/detail', templateUrl:'templates/detail…

ionic + cordova开发APP遇到的一些坑

ionic1时期接触了这套体系,做了一个APP之后就放置了,最近又要开发一个APP,但时间不足以让我重头了解typescripts,于是又把之前做过的东西翻了出来,一边做一边掉坑里,爬上来再掉坑里,所以姑且先记录一下吧. 1.cordova is not a valid task  执行ionic cordova add platform时出现的异常,原因就是ionic,cordova,node版本不匹配.因为用的ionic 1.x,所以需要老版本的cordova和node.js.最终搭建的环境…

ionic第二坑——ionic 上拉菜单(ActionSheet)安卓样式坑

闲话不说,先上图: 这是IOS上的显示效果,代码如下: HTML部分: <body ng-app="starter" ng-controller="actionsheetCtl" > <ion-pane> <ion-content > <h2 ng-click="show()">Action Sheet</h2> </ion-content> </ion-pane>…

ionic第一坑——ion-slide-box坑（ion-slide分两页的坑）

ionic.views.Slider = ionic.views.View.inherit({ initialize: function (options) { . . . function setup() { . . . // set continuous to false if only one slide if (slides.length < 2) options.continuous = false; //special case if two slides if (browser.t…

ionic 踩过的坑-基本布局

目录: 标题栏 : ion-header-bar 页脚栏 : ion-footer-bar header/footer : 样式及内容 内容区 : ion-content 滚动框 : ion-scroll 拉动刷新 : ion-refresher 滚动刷新 : ion-infinite-scroll 脚本接口 : $ionicScrollDelegate 标题栏 : ion-header-bar ion-header-bar指令声明一个标题栏元素,标题栏总是位于屏幕的顶部: <ion-heade…

ionic 踩过的坑

内联模板 : script可能你没有注意过,HTML中常用的script标签在AngularJS中被重新定义了: 除了原来的脚本声明功能之外,如果script元素的type属性 定义为text/ng-template,则被称为内联模板.例如: <script type="text/ng-template" id="a.html"> <p>This is the content of the template.</p></sc…

Cordova+Ionic之坑

命令:ionic platform add android 报错:Unable to start the daemon process…… 解决: 1)添加环境变量[_JAVA_OPTIONS],值:“-Xmx512m”(512m是分配的内存空间,还可以是1024m.2048m等)(*自己测通) 2)网上说在“C:\Users\[USERNAME]\.gradle”目录下(新建或)编辑“gradle.properties”文件,添加(或修改)内容:org.gradle.jvmargs=-Xmx5…

ionic开发中的各种坑

提前说明:这些坑是ionic1的. 一.关于缓存:<ion-view>中设置cache-view="false"表示禁用缓存,默认为true; 二.列表进入详情页面后返回,列表页面删选栏和滚动条和跳转前一样,但从home进入列表页面要刷新.思路是用$ionicHistory判断是进入or回退,要是进入就初始化,回退就保留缓存: 列表页面设置cache-view="true"; home控制器中提供添加:$ionicHistory.clearHistory…

IONIC和Cordova安装、打包踩过的坑

1.问题1:直接执行npm install -g cordova ionic,因为网络原因,执行不成功 解决方案:将npm映射到淘宝服务器:npm install -g cnpm --registry=https://registry.npm.taobao.org  注意:需要用管理员身份运行cmd 然后执行:cnpm install -g cordova ionic 2.问题2:执行cnpm install -g cordova ionic命令时报错,缺少package.json 解决方案:执…

ionic开发过程中遇到的一些坑！

总结一些:在使用 ionic 开发过程中所遇到的问题. 问题一:Cannot find module '@ionic/app-scripts' 描述:使用 ionic start 项目的时候,项目安装成功,但是在项目里面跑 ionic serve 的时候就会报错: 这个问题可以参考: https://www.cnblogs.com/fighxp/p/7412733.html 3. 在成功安装ionic 后,继续安装 报错中缺失的 '@ionic/app-scripts',具体说明见NPM官网 (…

ionic入坑记记录

0.java1.8安装各种环境的配置 1.没有安装过npm 1.1 安装nodejs自带此物. 1.2 不希望npm install -g都在c盘.设置全局路径 path中是X:\某个文件夹\你的文件夹\node_modules 跟npm config ls 中的prefix要一样 另外要配置 npm prefix npm cache 在path中添加prefix的路径 配置gradle,下一个合用的gradle版本,找一个地方解压缩出来.然后在path中添加 X:\在哪里\gradle\bin…

ionic2踩坑之ionic resources失败

网上关于ionic2怎么修改应用图标和启动画面资料也挺多的.不过大家执行ionic resources的时候不少人都执行失败了,关于执行失败的原因网上很少.下面分享一下我的经验吧. 1.看自己的项目下面有没有resources目录,没有的话先build,build之后就有了. 2.打开这个目录会发现下面有icon.png和splash.png这两张图片,他们分别对应应用图标和启动动画.将自己的应用图标和动画覆盖这两张图片就行了.建议分辨率分别是1024x1024和2208x2208.图片格式支持…

ionic + cordova 使用 cordova-plugin-crosswalk-webview 中的一些个坑

1) 在使用Web Audio API 时,无法使用 AudioContext.decodeAudioData() 对MP3文件进行解码 2)使用Cordova-plugin-weibosdk 插件时,回调事件被阻塞,无法响应…

Ionic开发遇到的坑整理

1.修改tabs页的图标,关键是 outline 在使用自定义图标的时候,需要修改 /theme/icons.scss 文件,但是如何定义选中前后的分别使用哪个图标呢 定义选中前的状态 .ion-ios-data-outline::before { content: url("../assets/fonts/dataIcon.svg");} 定义选中后的状态 .ion-ios-file:before { content: url("../assets/fonts/fileIc…

ionic的actionsheet安卓样式不正常的坑及解决之道

这是actionsheet该有的样子,可是android下变成了这样: 百度后,发现修改lonic.css,注释这段代码就可以了:…

ionic2踩坑之ionic build android报错

自己项目一直跑的好好好好的,build还是run都没问题,今天忽然一个小伙伴build一直报错.\ 错误如下: Error occurred during initialization of VMCould not reserve enough space for 2097152KB object heap 第一反应是java虚拟机内存不够,然后按网上的新建环境变量 变量名:_JAVA_OPTIONS 变量值:-Xmx512M 然并卵,问题并没有得到解决,最后在一个国外网站上找到了问题原因. 原…

ionic之$ionicGesture手势（大坑）

鄙人来本公司前未用过ionic框架,但由于ionic是基于angularjs封装的,正好我用过angularjs,很荣幸的面试就过了,然后通过该网站http://www.ionic.wang(后面简称网站i)边学ionic边做项目. ionic刚踩过的坑--$ionicGesture!现总结下$ionicGesture,希望对用到该框架的童鞋有所帮助! 网站i对$ionicGesture的介绍如下: 在一个元素上添加一个事件监听器. $ionicGesture.on(eventType, cal…

Ionic2系列——Ionic 2 Guide 官方文档中文版

最近一直没更新博客,业余时间都在翻译Ionic2的文档.之前本来是想写一个入门,后来觉得干脆把官方文档翻译一下算了,因为官方文档就是最好的入门教程.后来越翻译越觉得这个事情确实比较费精力,不知道什么时候能完成,就先把完成的部分放出来,避免其他人再重复劳动了. 地址:https://www.gitbook.com/book/yanxiaodi/ionic2-guide/details 这个文档不是严格的翻译官方文档,开始几章是自己写的.到组件那章基本上就是翻译了,有时候也会加一点自己踩过的坑.我在…

【初探IONIC】不会Native可不可以开发APP？

前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的. 什么是cordova? cordova为一移动开发框架,他让我们可以仅仅专注前端代码,然后通过一个开发框架编译形成一个可安装的APP,因为前端代码的特性,所以这种APP是跨平台的,可以最大程度的提升开发效率,因为只需要前端人员,其成本…

分享 Ionic 开发 Hybrid App 中遇到的问题以及后期发布 iOS/Android 的方方面面

此篇文章主要整理了最近在使用 Ionic 开发 Hybrid App 过程中遇到的一些疑难点以及后期发布生成 iOS 和 Android 版本过程中的种种问题. 文章目录 Ionic 简介和项目需求介绍 View 缓存的处理 键盘的不同模式的支持 设备网络状况的检查 iOS 设备和 Android 设备的图标以及启动画面图片的批量生成 下拉刷新 反馈『意见及建议』调用邮件客户端的方法 给 App 评分不同平台的办法 集成极光推送 打包 iOS .Android 平台的种种问题 项目开源和下载 1…

ionic蓝牙用法

插件cordova官网cordova-plugin-ble-central 1.开启本机蓝牙 ble.enable( function() { console.log("Bluetooth is enabled"); }, function() { console.log("The user did *not* enable Bluetooth"); }); 这方法是开启蓝牙功能的方法,在android上会弹出是否开启蓝牙的提示框,确定会开启蓝牙功能,iOS上有提示…