Tag: angularjs

在angularjs中转换$ .param

在我使用JQuery之前,我使用它来发送带参数的URL window.location = myUrl + $.param({“paramName” : “ok”,”anotherParam”:”hello”}); 但是对于angularjS,这不会以同样的方式工作 $scope.myButton = function() { $window.location.open = myUrl + $.param({“paramName” : “ok”,”anotherParam”:”hello”}); };//Error: $ is not defined 任何人都可以帮我在angularJs中如何做到这一点

角度js中的日期格式

我使用angular以这种格式显示日期 {{ date }} ,date:\’MM-dd-yyyy HH:MM:ss\ 如何使用角度显示Jan-dd-yyyy 有没有任何方法可以使用角度js-(使用正常的jquery,我能够做到)

如何仅在用户更改URL时触发事件?

我正在使用Chrome扩展程序,我想检测用户输入url的时间。 我知道: chrome.tabs.onUpdated.addListener(eventLisenerObj.onUpdated); 但是,只要URL被更改(例如,页面自动重新加载,或用户点击链接等),就会调用它。 我希望能够确定只有用户输入URL才能更改URL。

ui.boostrap手风琴容器宽度问题

这个PLUNKER REFERS 我在ui.bootstrap手风琴中使用ng-Grid时遇到了问题。 看看我的Plunker,看看问题在于什么。 基本上,当在初始页面加载时关闭子手风琴组的手风琴中放置网格时,网格的宽度为零并且不显示。 任何人都可以通过调整CSS类或捕获accordion-group事件并重新渲染网格来指明我解决这个问题的方向吗? 我一直在用这个圈子跑来跑去! 编辑:道歉,普兰克现在公开!

Angularjs $ http VS jquery $ .ajax

我可以在Angularjs $http设置context ,就像我们可以在jQuery’s $.ajax吗? define([ ‘app’ ], function(app) { app.controller(“controller1”, function($scope, $route, $http) { return $http({ method: ‘GET’, url: ‘server.php’ }).then(function(response) { $scope.contacts = response.data; }); }); }); 另外,jQuery的$.ajax还有更多的回调,比如.done , .promise ,我可以用它来操作下面的context ,我想知道我是否可以在Angularjs做同样的Angularjs ? $.ajax({ type: “GET”, dataType: “HTML”, url: ‘server.php’, context: $(“#container”), async: true, beforeSend: function() { $(this).html(‘loading…’); }, success: function (returndata, status, jqxhr) […]

使用angularjs保留光标位置

以下代码片段执行我想要的input ,即,它删除所有非字母数字字符,转换为大写,并保留光标位置。 element = $(element); element.keyup(function() { var x = element.val(); var y = x && x.toUpperCase().replace(/[^AZ\d]/g, ”); if (x===y) return; var start = this.selectionStart; var end = this.selectionEnd + y.length – x.length; element.val(y); this.setSelectionRange(start, end); }); 我把这个片段放在一个指令的link中,它主要起作用…. 问题是angular模型在应用更改之前看到了值。 我试图谷歌如何使用$apply或$digest或其他什么,但没有任何效果。 (实际上,我以某种方式管理它,但随后内容被重新渲染,我失去了位置。我无法重现它,但它还不够好,无论如何。)

Angularjs – 使用php上传文件

我花了几天时间寻找一个相当简单的angularjs文件上传方法的集成,其中包括一个基本的php服务器端脚本.. 我需要一个简单的表单一个字段和文件上传上传。 我发现的所有例子都是严重依赖jQuery,或者如果它们看起来像我可以使用他们的“例子”那么完全不清楚和混乱。 这两个例子(如果我能弄清楚如何与PHP合并)将解决我的难题.. 本页的示例5 http://ng-upload.eu01.aws.af.cm/ 此页面上的示例是我非常喜欢的一个.. http://angular-file-upload.appspot.com/ 有人可以为我带来更多的光。我真的希望看到一个输入文件和一个文件上传尽可能简单的角度和PHP代码,如果这样的事情存在于某处。 我很乐意实现这个http://twilson63.github.io/ngUpload/或http://angular-file-upload.appspot.com/ 如果这是我的PHP $fname = $_POST[“fname”]; if(isset($_FILES[‘image’])){ $errors= array(); $file_name = $_FILES[‘image’][‘name’]; $file_size =$_FILES[‘image’][‘size’]; $file_tmp =$_FILES[‘image’][‘tmp_name’]; $file_type=$_FILES[‘image’][‘type’]; $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION)); $extensions = array(“jpeg”,”jpg”,”png”); if(in_array($file_ext,$extensions )=== false){ $errors[]=”image extension not allowed, please choose a JPEG or PNG file.”; } if($file_size > 2097152){ $errors[]=’File size cannot exceed 2 […]

AngularJS禁用CORS?

也许我完全错过了一些东西,但我有一台本地运行的服务器,并且没有配置Angular来为$ http请求使用CORS。 当我向localhost: 发出HTTP请求时,我看到Chrome首先创建了一个OPTIONS请求。 因为我需要支持IE 8 – 而AngularJS肯定不会在那里使用CORS – 我需要删除CORS。 我试过直接设置POST方法而不使用$http.post包装器但没有用。 也许这与https://github.com/angular/angular.js/issues/1585有关 我也尝试直接从控制器调用jQuery ajaxpost – 即使CORS选项为false(因为它似乎默认为true)。 它仍然会创建一个CORS请求。 这有什么配置?

在angularJS控制器中使用jQuery的$ .ajax

如何在angularJS控制器(而不是angularJS内置$ http)中使用jQuery的$ .ajax()函数,以便以后可以从视图/模板访问$ scope值? 我有这个有点简约的angularJS控制器: function UserCtrl($scope, $http) { $.ajax(‘http://localhost:8080/admin/user/johndoe’).success(function(data) { $scope.user = data; }); } 在视图中,例如: Hello, {{ user.Username }} 但是,视图中的 在加载时将为空,尽管控制器中的console.log()告诉我$ scope.user是按我的意愿填充的。 现在,如果我用$http.get()替换$.ajax()调用,一切正常。 我知道$http是内置的angularJS,但由于我不是从头开始但已经有很多代码使用jQuery,我想坚持使用jQuery for $ .ajax()。 有任何想法吗?

AngularJS – 与AngularJS模型的SOAP服务集成

我是一名经验丰富的Flex开发人员,正在学习AngularJS。 这太令人困惑了! 无论如何,我试图通过SOAP WSDL请求对我的后端(在同一域)服务器进行服务调用,并使用AngularJS模型对象填充数据。 我正在尝试使用Ajax但是在获取实际数据方面存在一些问题。 我认为创建SOAP标记的方式有问题。 我收到了成功的回复,但没有数据。 在无法弄清楚Ajax方法之后,我遇到了soapclient.js并发现它非常简单,代码比Ajax少。 soapclient.js为您完成大部分工作,类似于Ajax方法,它可以减少代码。 另外,使用soapclient.js我能够进行SOAP调用,并且还可以获取XML格式的响应数据。 http://javascriptsoapclient.codeplex.com 我的问题是我正在尝试使用AngularJS将XML响应转储到AnularJS模型对象中。 我不知道如何设置AngularJS项目我正在做什么,但我真的想知道最好的方法,以保持我正在解决的工作。 我一直在疯狂地搜索谷歌,但大多数例子对初学者来说似乎过于复杂。 这是我有的: function getData() { var url2 = “https://myService”; var pl = new SOAPClientParameters(); pl.add(“arg0”, false); SOAPClient.invoke(url2, “methodToCall”, pl, true, getDataCallback); } function getDataCallback(r, soapResponse) { alert(r.contents.payeeMailName); } Result? 现在,SOAP服务返回如下数据: S 201-16-39063 1 124 Agate Drive 201-16-39201 1 c/o Kevin Martinez, Attorney […]