
AngularJS+ioinc
yexiaomai77
无需加冕,我只做自己的King
展开
-
npm install -g ios-deploy 失败问题的解决方法
当使用Cordova或ionic命令行时,npm install -g iOS-deploy 或sudo npm install -g ios-deploy 都报错,如:npm WARN lifecycle ios-deploy@1.8.5~preinstall: cannot run in wd %s %s (wd=%s) ios-deploy@1.8.5 ./src/scr转载 2017-01-12 16:37:52 · 1649 阅读 · 0 评论 -
ionic框架对Android返回键的处理
在HybridApp移动跨平台开发中,Android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App中都有的在主页按返回键弹出对话框提示用户退出应用的功能,在原生应用开发中是很容易的,只要在onKeyUp事件里面对返回键事件进行处理就可以了。按2次返回键退出应用的Java代码如下:转载 2016-10-09 09:12:05 · 673 阅读 · 0 评论 -
ionic splash screen 之后出现的白屏解决办法
ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面,通过Google以及各种尝试,下面方法解决:1. 安装Cordova splash screen插件[html] view plain copy$ cd myapp $ ionic plugin add org.apache.cordova转载 2016-08-23 09:46:31 · 1549 阅读 · 0 评论 -
ionic开发中遇到的坑
1、安卓手机视频不能播放白名单问题。2、$http获取不到response中的cookie原创 2016-08-11 09:38:45 · 516 阅读 · 0 评论 -
localStorage、sessionStorage用法总结
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionStorage生转载 2016-08-09 14:27:39 · 1627 阅读 · 0 评论 -
js正则表达式语法
1. 正则表达式规则1.1 普通字符 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字符"。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。 举例1:表达式 "c",在匹配字符串 "abcde" 时,匹配结果是:成功;匹配到的内容是:"c";匹配到的位置是:开始于2,结束于3。(注:下标从0开始还是从1开始,因当前编程语言转载 2016-08-04 10:49:41 · 246 阅读 · 0 评论 -
深入理解ANGULARUI路由_UI-ROUTER
最近在用 ionic写个webapp 看到几个demo中路由有好几种,搞的有点晕,查下资料研究下,做个笔记,其中大部分为摘抄别人的,做个说明免得被人吐槽。Angularjs ui-router - 组件:$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状转载 2016-07-29 14:36:31 · 374 阅读 · 0 评论 -
ionic拍照功能实现
前期环境1、配置ngcordova(插一句,之前由于没配置ngcordova直接报错[$injector:unpr] Unknown provider: $cordovaCameraProvider进入到工程目录,使用npm工具安装npm install ngCordova2、然后将ng-cordova.js或者ng-cordova.min.js添加原创 2016-06-22 11:31:07 · 1214 阅读 · 0 评论 -
Cordova/CDVViewController.h file not found 解决办法
最近把Xcode升级到7.1出现上述问题,可以运行app,但是在打包app提交到appstore的时候会报 Cordova/CDVViewController.h file not found 查了好久才找到原因,参考了http://stackoverflow.com/questions/33379291/cordova-app-failing-to-archive-with-x转载 2016-07-28 18:10:09 · 387 阅读 · 0 评论 -
ionic platform add时报Error: spawn EACCES错误
问题描述:错误信息:Error: spawn EACCES at exports._errnoException (util.js:746:11) at ChildProcess.spawn (child_process.js:1155:11) at Object.exports.spawn (child_process.js:988:9)转载 2016-07-28 17:58:18 · 993 阅读 · 0 评论 -
HTML5晃动DeviceMotionEvent事件
微信摇一摇功能大家想必用过~ ios SDK帮我们完成了所有功作,我们只需要添加相应的逻辑即可下面贴出实现代码(在对应的ViewController中添加如下代码): #pragma mark - motion refresh- (BOOL)canBecomeFirstResponder { return YES;}- (void)motio转载 2016-07-07 17:27:01 · 795 阅读 · 0 评论 -
解决 ionic 中的 CORS(跨域) 问题【译】
译者注:本人翻译功力有限,所以文中难免有翻译不准确的地方,凑合看吧,牛逼的话你看英文版的去,完事儿欢迎回来指正交流(^_^)如果你通过 ionic serve 或者 ionic run 命令使用或 live reload 或者访问过外部 API 结点,那么你肯定遇到过 CORS 问题,譬如下面这样:XMLHttpRequest cannot load http://api.io转载 2016-07-06 10:38:28 · 2053 阅读 · 0 评论 -
ionic+nodejs开发遇到的跨域和post请求数据问题
最近学习ionic+nodejs开发混合app中遇到了一些问题,在此总结一下。项目地址 https://github.com/ytudt/nodejsApp代码和问题都会在之后的学习中持续更新1.跨域问题: 之前一直想用ionic+angular打包app时代码在客户端,因为客户端js有ajax请求,这样去请求服务器数据时是不是跨域? 在实际转载 2016-07-06 10:03:59 · 1566 阅读 · 0 评论 -
angularJS的controller之间如何正确的通信
AngularJS中的controller是个函数,用来向视图的作用域($scope)添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。当我们在创建新的控制器时,angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中的任何一个部分,都有父级作用域的存在,顶级就是ng-app所在的层级,它的父级作用域就是$ro转载 2016-07-05 14:54:43 · 294 阅读 · 0 评论 -
ionic开发之登录状态判断,页面跳转
在项目开发中,经常会碰到有些页面要登录才能显示,一般都是在页面加载后,判断用户登录状态,未登录的话就跳转到登录页,但是在ionic开发的时候,如果在进入了页面后再判断登录状态跳转的话,当前这个页面会被路由自动记录到历史记录中去,这时候如果你不登录,点击返回的话,就会直接返回刚才那个需要登录才能显示的页面,那该肿么办呢?方法一你要是愿意的话,可以在每个需要登录的页面中做未登录情况的处理,转载 2016-10-17 15:22:44 · 3705 阅读 · 0 评论 -
npm ERR!无法安装任何包的解决办法
日志报错:1087 verbose stack Error: getaddrinfo ENOTFOUND xn--rvg xn--rvg:801087 verbose stack at errnoException (dns.js:27:10)1087 verbose stack at GetAddrInfoReqWrap.onlookup [as oncomplete转载 2016-10-18 09:16:15 · 4829 阅读 · 0 评论 -
multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded
情景再现:上传文件到.net(wcf)后台时,总是上传不成功,后台要求Content-Type是application/octet-stream,我使用multipart/form-data方式,content-type是multipart/form-data,后来查了查这是两种不同的内容类型,在http的请求体中,数据组织方式不一样,所以,后台接收失败。multipa转载 2016-12-16 10:34:28 · 26243 阅读 · 0 评论 -
android:webview加载网页速度很慢的的究极解决方案
Android客户端中混搭HTML页面,会出现虽然HTML内容载入完成,标题也正常显示,但是整个网页需要等到近5秒(甚至更多)时间才会显示出来。研究了很久,搜遍了国外很多网站,也看过PhoneGap的代码,一直无解。 一般人堆WebView的加速,都是建议先用webView.getSettings().setBlockNetworkImage(true); 将图片下载阻塞,然后转载 2016-12-07 09:21:38 · 21392 阅读 · 1 评论 -
使用装饰 decorator
如果还没搞懂什么是service, 依赖注入, 那你要先看看这些东西, 否则下面看起来有困难Decorator装饰, 在已有的功能上锦上添花Use case 使用场景:我有一个module A依赖于另外一个module B。 module B有个service Mail, 这个服务提供 两个方法 setReceiver 和 setBody 分别用来指定邮件的收件人和邮件的内转载 2016-12-13 09:41:44 · 382 阅读 · 0 评论 -
AngularJS 异常处理
$exceptionHandler对于 Angular digest 中未捕获的异常,由 $exceptionHandler 处理。Any uncaught exception in angular expressions is delegated to this service. The default implementation simply delegates to $lo转载 2016-12-13 09:28:26 · 805 阅读 · 0 评论 -
angularjs 指令详解 - template, restrict, replace
通过指令机制,angularjs 提供了一个强大的扩展系统,我们可以通过自定义指令来扩展自己的指令系统。怎样定义自己的指令呢?我们通过 Bootstrap UI 来学习吧。这个项目使用 angularjs 将 Bootstrap 3 进行了封装,是我们学习 angularjs 很好的样例。从 Alert 开始首先,我们从比较简单的 alert 指令来开始学习。转载 2016-12-02 10:07:57 · 832 阅读 · 0 评论 -
AngularJS入门心得1——directive和controller如何通信
粗略地翻了一遍《JavaScript DOM编程艺术》,就以为可以接过AngularJS的一招半式,一个星期过去了,我发现自己还是Too Young,Too Simple!(刚打照面的时候,我就被乱棍砸晕了-_-!)1.AngularJS是何方神圣Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供转载 2016-12-02 10:07:14 · 503 阅读 · 0 评论 -
Ionic页面加载前 ionic页面加载完成 ionic页面销毁执行的事件
ionic 中$ionicView.beforeEnter(页面刚加载前) $ionicView.afterEnter (页面加载完成) $destroy(页面销毁) 广播事件 //ionic controller刚加载执行的广播通知方法$scope.$on('$ionicView.beforeEnter', function() {转载 2016-11-01 09:41:37 · 3295 阅读 · 0 评论 -
AngularJs 禁止模板缓存
因为AngularJS的特性(or 浏览器本身的缓存?),angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板,自己测试还好,但如果更新了服务器的模板内容,用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。[javascript] view plain copy转载 2016-11-01 09:27:21 · 1250 阅读 · 0 评论 -
实用的sublime插件集合 – sublime推荐必备插件
原文链接:http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html不得不说,sublime是个神器,不得不说它所支持的扩展和插件,下面在介绍的同时将会奉上生动的动画配图。前言在阅读此文章之前,建议先阅读这篇:sublime text 2 神转载 2016-10-31 14:51:01 · 403 阅读 · 0 评论 -
ionic:怎样多次导航之后返回之前的view
当我导航view之后,再使用$location.path("/path/origin")方法重新定位到初始页面,在深入进入其他的view之后使用这个方法就遇到了问题。 假设这个设置页面为viewA,如果只从viewA-》viewB,那么使用$location.path(’viewA‘)方法重新定位回viewA就没问什么问题。但是如果从viewA-》viewB-》viewC,在viewC重转载 2016-10-31 11:18:12 · 1104 阅读 · 0 评论 -
cordova开发自定义插件
由于最近工作需要,需要一个自定义插件,本人研究了很久终于做出一个最简单的插件,是基于Android平台来开发的,虽然写博客很花时间,但是为了以后再次查看复习能很好的提供参考,也是值了,废话就不多说,直接进入主题。1.环境搭建cordova插件开发前需要安装一些软件和配置环境1.1 Node.js环境搭建到node.js官网(https://nodej转载 2016-10-18 16:53:44 · 393 阅读 · 0 评论 -
cordova开发自定义插件
由于最近工作需要,需要一个自定义插件,本人研究了很久终于做出一个最简单的插件,是基于Android平台来开发的,虽然写博客很花时间,但是为了以后再次查看复习能很好的提供参考,也是值了,废话就不多说,直接进入主题。1.环境搭建cordova插件开发前需要安装一些软件和配置环境1.1 Node.js环境搭建到node.js官网(https://nodej转载 2016-10-18 16:00:08 · 327 阅读 · 0 评论 -
Cordova 开发属于自己的插件(plugin
在上一篇文章 cordova 初识之命令行工具 中,我们讲到了如何使用命令行快速地创建我们的 app 应用,并添加和运行各种平台。在实际的项目开发中,需要用到 cordova 的插件,进行各个不同平台的辅助开发,我们可以通过 plugins.cordova.io 对现有插件的搜索,以及安装。插件的安装和使用,详细可以通过查阅 Cordova 的官网文档 The Command-Li转载 2016-10-18 15:39:38 · 602 阅读 · 0 评论 -
ionic 实现拨打电话、发短信、发邮件功能
最近用H5的项目中,用到了拨打电话、发短信、发邮件的功能,尝试直接使用标签的href属性。代码如下:但发现ios可以运行,安卓点击完成后没有任何反应。解决方法就是在config.xml文件中加入下面一句话:因为在cordova中所有的URL Schemes 都是服从于白名单的,所以要现在项目config.xml中添加原创 2016-07-05 11:29:35 · 3007 阅读 · 0 评论 -
手持移动端特殊链接:打电话,发短信,发邮件
如果需要在移动浏览器中实现拨打电话,调用sms,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。1. 打电话在电话号码前面可以加上 + (加号)表示国际号码。如:转载 2016-07-05 10:39:44 · 2040 阅读 · 0 评论 -
ionic:如何在应用中直接拨打电话
在写的项目中遇到这个需求,第一个想到的就是通过a标签的href属性来做,发现行不通。 href="tel:10086">打电话直接这样写是不行的,在页面上点击没有任何效果。解决方法就是在config.xml文件中加入下面一句话:因为在cordova中所有的URL Schemes 都是服从于白名单的,所以要现在项目config.xml中添加 origin="tel:*转载 2016-07-05 10:38:16 · 930 阅读 · 0 评论 -
在 AngularJS 中将 XML 转换为 JSON
在这篇文章中,我们将谈谈如何在Angular JS中将XML文件转换为JSON。大家都知道Angular JS是开发应用程序的JavaScript框架。所以基本上Angular JS期望得到的响应式JSON格式的。因此,在你开始对数据进行操作之前,建议返回JSON格式的数据。在这篇文章中,我们会使用Angular JS $http服务加载一个本地的XML文件,并将这个XML文件转换成JSON。如转载 2016-06-13 13:56:26 · 1936 阅读 · 0 评论 -
Angular新手容易碰到的坑,随时更新,欢迎订阅
在Angular群里回答新手问题一段时间了,有一些Angular方面的坑留在这里备查,希望能对各位有所帮助。这个文章将来会随时更新,不会单独开新章,欢迎各位订阅。Q1. 错在哪里?如果你这么写过,会发现这个位置啥也没有加载出来,那么,错在哪里呢?错在ng-include需要的是一个变量,如果你在$scope中有这样一个变量 $scope.userShowTemplateUrl转载 2016-06-29 09:59:50 · 258 阅读 · 0 评论 -
ion-content 滚动到底部会遮住一部分视图的解决办法
使用ion-content 滚动到底部会遮住一部分视图出现上面这个问题主要的原因是产品的需求要求点击隐藏或者展开二级列表,导致ion-content出现这个问题,经过多次尝试终于找到解决办法,很简单,只要在你的controller里面预先注入$ionicScrollDelegate,如下代码app.controller('myperforController', ['$转载 2016-06-13 10:04:20 · 979 阅读 · 0 评论 -
ionic开发中动态设置ion-scroll的高度
在开发app中,有时候会遇到这样的需求,在页面的下半部分是一个列表,此时我们就需要用到滚动视图,但是我们要适配不同的屏幕,这会导致滚动视图的高度是变化的,所以要动态获取屏幕的高度。步骤:1.在app.js中添加如下代码:.directive('scrollHeight',function($window){ return{ restrict:'AE', link转载 2016-06-13 09:45:43 · 2318 阅读 · 0 评论 -
angularjs 设置全局变量的7种方法
在ng-app或控制器中定义的全局变量,在不同的controller里都可以使用。1,通过var 直接定义global variable,这根纯js是一样的。2,用angularjs value来设置全局变量 。3,用angularjs constant来设置全局变量 。4,用angularjs rootscope来设置全局变量 。5、定义服务。6、转载 2016-06-05 17:32:26 · 2107 阅读 · 0 评论 -
ionic常用的命令行
1、安装cordovasudo npm -g install cordova2、安装ionicsudo npm -g install ionic3、卸载cordovasudo npm -g uinstall cordova4、卸载ionicsudo npm -g uinstall ionic5、安装plat原创 2016-06-03 12:58:54 · 2886 阅读 · 0 评论 -
bower
1、卸载重装npm rm -g bowernpm cache cleannpm i -g bower2、不用sudo 装不上bower,init的时候提示:Error: EACCES, permission denied '/home/xm/.config/configstore/insight-bower.yml'You don't have access to原创 2016-06-03 16:17:00 · 508 阅读 · 0 评论 -
远程调试(Remote Debugging)
当运行的程序出现问题时,我们通常通过调试来追踪和定位问题。但是,当运行错误的机器上没有调试工具,我们就需要实现远程调试。简单地说,就是要调试的程序和调试器不在一台机器上。移动端web调试,alert虽然是个土方法,但也是万能的,不过这样会中断程序的执行,效率也比较低下。后来大家开始尝试使用模拟器调试,如chrome自带的设备模拟器,可以帮助我们测试网页在不同设备、不同分辨率的情况下的显示情转载 2016-06-03 14:56:53 · 1760 阅读 · 0 评论