Tag: angularjs

状态栏隐藏cordova: 如果我删除状态栏，每次打开键盘（或通知到达）都有一个错误。 App.run(function($ionicPlatform) { $ionicPlatform.ready(function() { if(window.StatusBar) { StatusBar.hide(); } }); }); 任何build议？谢谢！

WKWebKit JavaScript未连接到视图层次结构时执行: 我想从UIWebView切换到WKWebView 。在我的代码中，网页视图实例是在屏幕外创build的（没有附加到视图层次结构），并加载了URL。加载完成后，网页视图会在单独的UIWindow中呈现给用户（如插页式广告）。一切工作正常与UIWebView ; 但切换到WKWebView ，angular度的JavaScript代码行为意想不到的方式。在做了一些研究之后，我发现当WKWebView实例没有附加到视图层次结构时，javascript定时器（和http加载器）被挂起：如果你启动了一个在分离的WKWebView中运行的javascript定时器 – 它不会直到Web视图被附加。任何人都可以build议一个可能的解决方法（除了附加一个隐藏的Web视图的关键窗口，然后将其移动到另一个窗口）？我已经创build了一个示例项目来演示这个问题（或者更可能是WebKitfunction） https://dl.dropboxusercontent.com/u/148568148/WebKitViewTest.zip testing应用程序加载一个JavaScript的网页调度计时器和加载http请求。您可以使用开关来显示/隐藏Web视图（设置“隐藏”属性），并将其从视图层次结构中附加/分离。如果Web视图被附加（隐藏或可见），并且您点击Load ，那么JavaScript工作正常：您可以看到success或failure警报对话框。如果它被分离 – 定时器只会在附加到视图层次结构时触发（将“Detached”切换到“on”，点击“Load”，等待几秒钟，然后切换回“off”）。您也可以从Safari Web Inspector中检查console.log 。以下是testing网页源代码： <!doctype html> <html ng-app="project"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script> <script src="project.js"></script> </head> <body> <div id="simple" ng-controller="MyController" data-ng-init="callNotify(message);"> </div> </body> </html> 和javascript： angular. module('project', []). controller('MyController', ['$scope','notify', function ($scope, notify) { $scope.callNotify […]

Iphone在长按造成一些矩形放大镜popup: 每当我长时间按任何视图/屏幕，都会popup一些矩形的放大镜。查看图片获取更多信息点击查看矩形放大镜无论我在哪里按住屏幕，每次都出现在特定的区域。我想禁用矩形放大镜，我已经尝试在CSS中的以下代码： -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; 但它不会被禁用。这里是一个video，所以你可以有更多关于这个问题的信息：

在ionic framework中显示连接错误消息: 我正在开发离子移动应用程序，但难以显示连接错误消息。当设备没有连接到互联网或有连接超时或什么的时候，我想显示一个popup窗口，显示错误信息。这是我第一次遇到这样的事情。

将图像显示在Angular的UI中后，将图像发送到服务器: 我得到一个图片上传，或从一个Angular应用程序的相机： <button type="button" onclick="userData.store()">send now</button><br> <input type="file" label="add photo" accept="image/*;capture=camera"> 然后（现在）用这个Javascript处理它： var input = document.querySelector('input[type=file]'); var issuediv = document.getElementById('issue'); input.onchange = function () { var file = input.files[0]; displayAsImage(file); }; function displayAsImage(file) { var imgURL = URL.createObjectURL(file), img = document.createElement('img'); img.onload = function() { URL.revokeObjectURL(imgURL); }; img.src = imgURL; issuediv.appendChild(img); } 两个问题：这不是Angular代码，是通过JSON处理图像并准备（MySQL）数据库的Angular-ish方式？上面显示Firefox和Chrome中的图像blob，但iOS和Android浏览器似乎不会附加img标签，只显示一个微小的缩略图。

history.back（）在iOS上的Safari中不起作用: 我的应用程序基于AngularJS 1.2.3。该应用程序已启用作为iOS的Web应用程序。该应用程序包含后面的button与onclick处理程序与下面的代码 history.length && history.back() 我也尝试使用history.go(-1) 。问题是，浏览器在iOS上的Safari浏览器中没有浏览历史logging，或者当应用程序作为Web应用程序保存到主屏幕时。有一件事我觉得奇怪的是，它在Safari浏览器上的Chrome可以正常工作，因为Chrome实际上是Safari浏览器引擎。我知道这是以前的工作，但由于某种原因不再有了。 iPad正在运行iOS 7.0.4。

IOS / Android上的NodeJS: 也许我要问的是愚蠢的，一般我没有这样的服务器端的经验。我正在构build一个Angular Web应用程序，在服务器端使用nodeJS。我需要将服务器（Node.exe）安装在设备本身（IOS / Android）中，并且nodeJS将打开一个本地主机套接字来与设备进行通信。（根据nodeJS 官方网站，nodeJS只支持windows / Mac OS / Linux）有可能做到这一点？如果没有，我可以在设备上安装另一台服务器吗？

如何在离子中使用图像作为button: 我的目标是使用图像作为离子button。我第一次使用a-tag链接页面。但是当我点击图片。没有button激活的效果。所以我切换到button标签我曾尝试使用 <button class="button button-clear" style="background-image:url('img/myImage.jpg'); background-size:cover"></button> 但button高度保持不变。所以它不会显示全尺寸的图像。我努力了 style="font-size:100px;" 和 style="line-height:100px;" 但似乎没有任何工作。我也尝试添加我自己的CSS .Test-up { border :none; padding : 0px; } .Test-down { opacity: 0.5; border:0px; padding: 0px; } 并在下面的代码添加到我的index.html <button ng-mousedown="class='Test-down'" ng-mouseup="class='Test-up'" class="{{class}}" href="#"> 和下面的代码到我的控制器 $scope.class = "Test-up"; 因为我尝试从http://codepen.io/Leiron/pen/ztawA但它不适用于iOS或Android。所以我该怎么做？

iOS 9的问题 10 $ digest（）迭代达到: 在我的离子/ angularjs应用程序中，如果点击离子列表卡片项目，我会在过滤机制上得到一些错误。我得到的错误：错误：[$ rootScope：infdig] 10 $ digest（）迭代到达。中止！观察者在最近的5次迭代中解雇了：[] 和callstack：这只会发生，如果我点击一个条目，或者如果我从该条目单击回来。在iOS8上一切正常。感谢您的帮助

如何在我的angularjs应用程序发送的iOS上显示PDF（Blob）: 我的Angular 1.5应用程序通过REST连接到Java / Tomcat / Spring后端服务器。一个REST服务生成PDF并发送给客户端。它适用于DEsktop浏览器（至lessFF，Chrome），但我无法看到iOS上的PDF内容（例如ipad），无论我使用什么浏览器（Chrome，Safari ..）这里是angular码： $http.get("/displayPdf", {responseType: 'arraybuffer', params: {id: 1}}). success(function(data) { var blob = new Blob([data], {type 'application/pdf'}); var objectUrl = window.URL.createObjectURL(blob); window.open(objectUrl); } ); Spring / Jax-RS代码是： @GET @Path("displayPdf") @Produces("application/pdf") Response displayPdf(@QueryParam("id") Long id) { byte[] bytes = service.generatePdf(); return javax.ws.rs.core.Response.ok(). entity(bytes). header("Content-Type", "pdf"). header("Content-Disposition", "attachment; filename='test.pdf'"). […]