Articles of angularjs

IONIC框架移动应用程序性能问题

我们正在为使用IONIC框架的客户开发一个高端的移动应用程序。 我们几乎完成了这个阶段的开发。 在Web / Mobile Browser中打开时,该应用程序似乎运行良好。 但是,当我们使用框架命令将其移植到移动应用程序中时,应用程序变得非常慢并且卡住很多。 这导致非常差的用户体验。 我正在使用命令“ionic run android”来创建APK。 你能帮我们解决这个问题吗? 我们无法通过此问题提交APK进行测试。 是否有任何配置可用于加速应用程序。 此外,我在大多数页面中添加了一个Ionic Loader。行为非常不一致(有时只出现)。 这也导致糟糕的用户体验。

如何在Android上运行的Web应用程序中从CamScanner或Office Lens获取文件?

我有一个Angular网络应用程序,我可以通过Android上的Chrome访问。 我可以用: (或使用ng-file-upload的类似accept属性)直接从相机应用程序将图像上传到服务器。 很酷。 但我希望用户能够选择CamScanner或Office Lens而不是相机应用程序,以便他们可以在上传之前格式化文档。 我已经使用了accept属性,但似乎无法让这些应用程序显示在Android的“使用完整操作”应用列表中。 想法?

Jquery preventDefault无法在android 4.4默认浏览器上运行

我正在使用基于角度和jquery的网站。 我有一个文本输入字段用于validation浮点数组。 我的要求是限制用户输入字母等。 问题是我使用e.preventDefault()但它不能在Android默认浏览器中工作,但在android chrome中完美运行。 我搜索了很多但无法得到任何解决方案。 我的示例代码: – $(‘#test’).keydown(function (e) { e.stopPropagation(); e.preventDefault(); e.returnValue = false; e.cancelBubble = true; return false; }); 我也尝试过: – $(‘#test’).keydown(function (e) { if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } }); 工作小提琴 注意: – 我无法使用keypress事件,因为Android默认浏览器无法监听此事件。

Ionic:已安装的Android应用程序中的缓慢转换

我在Android(Lollipop)设备上安装了一个Ionic app(beta 14),使用: ionic platform add android ionic run android 我还手动构建了应用程序并使用adb安装它。 该应用程序使用离子侧菜单,简单视图(列表 – >详细信息 – >详细信息)之间转换的animation在function强大的手机上非常滞后。 侧面菜单滑出时的animation对比非常平滑。 为了进一步调查这种情况,我从我的开发机器上提供了www目录,并在手机上的Chrome中打开了该页面,它就像人们期望的那样顺利。 该应用程序也可以在iOS设备上顺利运行。 当应用程序处于离子状态时,有没有人知道为什么它如此缓慢,但是当它只是在浏览器中呈现时,它会按预期执行?

ionic update-notifier-cordova.json’您无权访问此文件

我试图在iOS上运行离子,但它会抛出错误。 发生了什么? ionic run ios /usr/local/lib/node_modules/cordova/node_modules/update-notifier/node_modules/configstore/index.js:53 throw err; ^ Error: EACCES, permission denied ‘/Users/jiahongl/.config/configstore/update-notifier-cordova.json’ You don’t have access to this file. at Error (native) at Object.fs.openSync (fs.js:500:18) at Object.fs.readFileSync (fs.js:352:15) at Object.create.all.get (/usr/local/lib/node_modules/cordova/node_modules/update-notifier/node_modules/configstore/index.js:34:26) at Object.Configstore (/usr/local/lib/node_modules/cordova/node_modules/update-notifier/node_modules/configstore/index.js:27:44) at new UpdateNotifier (/usr/local/lib/node_modules/cordova/node_modules/update-notifier/index.js:34:17) at module.exports (/usr/local/lib/node_modules/cordova/node_modules/update-notifier/index.js:123:23) at checkForUpdates (/usr/local/lib/node_modules/cordova/src/cli.js:64:20) at cli (/usr/local/lib/node_modules/cordova/src/cli.js:114:5) at Object. (/usr/local/lib/node_modules/cordova/bin/cordova:41:1) 错误信息

键盘消失后的Android白色背景

来自不同用户的问题的video但是相同 View post on imgur.com 我有一个背景图像设置如下: .pane { background-image: url(“../img/inner-banner-bg.jpg”); background-repeat: repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } 在我的config.xml中 现在我遇到的问题是当我点击完成/搜索后键盘消失时,它会在键盘覆盖的空间过渡期间留下类似0.5的白色背景,看起来有点糟糕。 当键盘关闭时,它会不收缩但会留下白色间隙。 如何让键盘不缩小背景幕后的视图? 我订的时候 它不会发生。 我也在使用Ionic插件键盘。 无论如何,我可以使键盘褪色的过渡不显示白色背景? 编辑:这是我的android设置 和我的配置设置 并在Package.json中 “dependencies”: { “gulp”: “^3.5.6”, “gulp-sass”: “^2.0.4”, “gulp-concat”: “^2.2.0”, “gulp-minify-css”: “^0.3.0”, “gulp-rename”: “^1.2.0” }, “devDependencies”: { “bower”: “^1.3.3”, “gulp-util”: “^2.2.14”, “shelljs”: “^0.3.0” }, “cordovaPlugins”: [ “cordova-plugin-device”, […]

将图像文件附加到表单数据 – Cordova / Angular

我在我当前的项目中使用Anuglar,Ionic和Cordova,我正在尝试将包含图像文件的FormData发布到我的服务器。 现在我正在使用cordova相机插件返回设备上图像的文件路径(例如:file:// path / to / img)。 一旦我有文件路径,我想使用images文件路径将图像文件附加到FormData对象。 这是我现在的代码。 var fd = new FormData(); fd.append(‘attachment’, file); fd.append(‘uuid’, uuid); fd.append(‘userRoleId’, userRole); 上面的代码在附加从但在给定设备上的文件路径时不起作用。 基本上FormData现在显示如下: ——WebKitFormBoundaryasdf Content-Disposition: form-data; name=”attachment”; file://path/to/img 我希望它看起来像这样 ——WebKitFormBoundaryasdf Content-Disposition: form-data; name=”attachment”; filename=”jesus-quintana.jpg” Content-Type: image/jpeg 我find了许多不同的方法来使用cordova FileTransfer上传图像,并将图像转换为base64然后上传它。 但我找不到任何简单的方法来通过使用路径并在表单中发布它来抓取文件。 我对File Api不是很熟悉,所以任何帮助都会受到赞赏

无法在’HTMLMediaElement’上执行’play’:API只能由用户手势启动

我正在制作一个音乐播放页面,我将SoundManager 2用于AngularJs 。 我正在使用远程API来播放歌曲URL。 我增强了一个angular-soundmanager2点击事件处理程序: element.bind(‘click’, function () { if (angular.isFunction(scope.loadFunction)) { scope.loadFunction(scope.song, function () { $log.debug(‘adding song to playlist’); addToPlaylist(scope.song.playDetails); }) } else { $log.debug(‘adding song to playlist’); addToPlaylist(scope.song); } }); 我添加了一个部分,调用scope.loadFunction(song,callback) ,在此函数加载一个歌曲URL后,它调用一个回调来将控制权交给angular-soundmanager2。 问题是在chrome for android上我得到一个错误: Failed to execute ‘play’ on ‘HTMLMediaElement’: API can only be initiated by a user gesture. 如果歌曲从头开始并且未使用异步加载,则不会发生这种情况。 它有什么变通方法吗?

在Ionic应用程序中禁用硬件后退按钮?

我正在尝试禁用Cordova应用程序上的后退按钮。 我正在使用AngularJS + Ionic Framework。 我find了关于这个的主题并尝试了下面的代码,但它绝对没有效果。 任何想法? 谢谢! 的index.html document.addEventListener(“deviceready”, onDeviceReady, false); function onDeviceReady() { document.addEventListener(“backbutton”, function (e) { e.preventDefault(); console.log(“hello”); }, false ); } 请注意,当我按下按钮时,我的控制台中显示“hello”。

如何使用ClientID和ClientSecret在Phonegap内部使用AngularjsloginGoogle OAuth2

我正尝试通过Google OAuth2使用Angularjs(使用Ionic Framework)从Phonegap应用程序login。 目前我正在使用http://phonegap-tips.com/articles/google-api-oauth-with-phonegaps-inappbrowser.html进行login。但是,它创build了非常难看的代码,而且很难理解代码我正在使用Angular-UI-Router for Ionic。 这个问题似乎没有任何正确的答案螺旋。 我希望现在应该解决。 Google Angular Guys应该帮忙。 如何在电话中实施Google Auth? 最接近的主题是如何在Cordova / Phonegap中使用GoogleloginAPI ,但这不是angularjs的解决scheme。 我不得不使用下面的代码传递javascriptvariables值: var el = document.getElementById('test'); var scopeTest = angular.element(el).scope(); scopeTest.$apply(function(){ scopeTest.user = user; scopeTest.logged_in = true; scopeTest.name = user.name; scopeTest.email = user.email; });