Tag: angularjs

对于$ save方法,AngularJS $资源使HTTP OPTIONS请求代替HTTP POST

我正在编写一个简单的库应用程序,以便为使用AngularJS的大型项目做好准备。 在网上阅读了大量有关使用$resource与RESTful API进行交互的信息之后,我决定为实现它而提供一些节省时间和扩展的好处,而不是为每个请求使用$http 。 问题是,由于某种原因(我不是CORS的专家,请求正在跨域发送),当使用$save方法时,我的Node.js控制台显示: OPTIONS /books 200 1ms – 161b 使用query()方法工作正常 – 节点控制台显示: GET /books 200 1ms – 228b 我已经坚持了几个小时在这一点,试图在下面的变化,但它总是最终是一个OPTIONS请求,而不是POST(这是什么,它应该是根据Angular文档)为$save方法。 AngularJS Web App app.js var libraryApp = angular.module('libraryApp', ['ngResource', 'ngRoute', 'libraryControllers']); libraryApp.factory('$book', ['$resource', function ($resource) { return $resource('http://mywebserver\\:1337/books/:bookId', { bookId: '@bookId' }); }]); controllers.js var libraryControllers = angular.module('libraryControllers', []); libraryControllers.controller('BookCtrl', ['$scope', '$book', function($scope, $book) […]

Axios Http客户端 – 如何构buildHttpurl与forms参数

我想创build一个postHTTP请求与一些表单参数将被设置。 我正在使用节点服务器的axios。 我已经有一个Java代码实现构造一个url,如下所示: JAVA代码: HttpPost post = new HttpPost(UriBuilder.fromUri (getProperty("authServerUrl")) .path(TOKEN_ACCESS_PATH).build(getProperty("realm"))); List<NameValuePair> formParams = new ArrayList<NameValuePair>(); formParams.add(new NameValuePair("username",getProperty ("username"))); formParams.add(new NameValuePair("password",getProperty ("password"))); formParams.add(new NameValuePair("client_id, "user-client")); 我正在尝试在axios中做同样的事情。 AXIOS实施: axios.post(authServerUrl +token_access_path, { username: 'abcd', //gave the values directly for testing password: '1235!', client_id: 'user-client' }).then(function(response) { console.log(response); //no output rendered } 在提交请求中设置这些表单参数的方法是否正确?

我如何configurationIntelliJ的全栈JavaScript的Web应用程序?

我正在使用一个MEAN堆栈构build一个Web应用程序: MongoDB , Express , Angular和Node.js ,基于Daftmonk的angular度全堆栈 Yeoman生成器。 我的首选IDE是IntelliJ IDEA ,部分原因是我也在Ruby / Rails,Java等上工作,部分原因是因为它是f#%ing bad&@ s,我喜欢它。 为这个项目configuration最好的方法是什么?

鲍尔 – EPERM,取消链接错误

我遇到了下面的错误堆栈跟踪,而我尝试使用Bower安装“jQuery”。 有人可以提供一些帮助吗? C:\study\meanApp>bower install jquery –save bower not-cached git://github.com/jquery/jquery.git#* bower resolve git://github.com/jquery/jquery.git#* bower download https://github.com/jquery/jquery/archive/2.1.1.tar.gz bower retry Download of https://github.com/jquery/jquery/archive/2.1.1.t ar.gz failed, trying with git.. bower EPERM EPERM, unlink 'C:\Users\UserZ\AppData\Local\Temp\AUserZ\bower\jquery-8680-AaJIqU\archive.tar.gz' Stack trace: Error: EPERM, unlink 'C:\Users\UserZ\AppData\Local\Temp\A-UserZ\bower\jqu ery-8680-AaJIqU\archive.tar.gz' Console trace: Trace at StandardRenderer.error (C:\Users\UserZ\AppData\Roaming\npm\node_module s\bower\lib\renderers\StandardRenderer.js:72:17) at Logger.<anonymous> (C:\Users\UserZ\AppData\Roaming\npm\node_modules\bo wer\bin\bower:110:22) at Logger.EventEmitter.emit (events.js:95:17) at Logger.emit (C:\Users\UserZ\AppData\Roaming\npm\node_modules\bower\nod e_modules\bower-logger\lib\Logger.js:29:39) […]

npm如何在端口8000上运行服务器

我最近使用github中的angular-seed文件夹进行angular度应用程序开发。 在以前的一些angularjs教程中,有一个脚本文件夹和一个server.js文件在angular-seed文件夹中,它具有运行节点服务器的所有configuration。 那么现在npm如何开始运行一个节点服务器,那个节点服务器的所有configuration在哪里呢?

为什么我们要为Angular 2.0安装Node.js?

我开始了关于Angular 2.0的教程,设置工作区的第一步是安装Node.js和NPM。 为什么我们要为Angular 2.0安装Node.js? 我不记得做这个angular1.X.

发生器 – 业力不满足其兄弟姐妹的同伴依赖性要求

同样的臭名昭着的错误 npm ERR! peerinvalid包生成器 – 业力不满足其兄弟的peerDependencies要求! npm ERR! peerinvalid Peer generator-angular@0.7.1需要generator-karma@~0.6.0 npm ERR! peerinvalid Peer generator-angular-ui-router@0.5.3需要generator-karma@~0.5.0 npm ERR! 系统达尔文12.5.0 npm错误! 命令“node”“/ usr / local / bin / npm”“install”“-g”“generator-angular”npm ERR! cwd / Users / dmitrizaitsev / Dropbox / Priv / APP / my-yo-project npm ERR! node -v v0.10.24 npm ERR! npm -v 1.3.21 npm ERR! 代码EPEERINVALID […]

如何在JavaScript中将Blob转换为文件

我需要上传一个映像到NodeJS服务器到某个目录。 我正在使用connect-busboy节点模块。 我有我使用以下代码转换为blob图像的dataURL : dataURLToBlob: function(dataURL) { var BASE64_MARKER = ';base64,'; if (dataURL.indexOf(BASE64_MARKER) == -1) { var parts = dataURL.split(','); var contentType = parts[0].split(':')[1]; var raw = decodeURIComponent(parts[1]); return new Blob([raw], {type: contentType}); } var parts = dataURL.split(BASE64_MARKER); var contentType = parts[0].split(':')[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array = new Uint8Array(rawLength); […]

(Angularjs)Web应用程序的集成testing

我正在开发一个Web应用程序。 它由2部分组成。 一个节点rest服务器和一个angularjs客户端。 该应用程序的结构如下:Rest Server < – > Api Module < – > Angular App 服务器目前正在testing中。 我有unit testing和集成testing。 集成testing正在访问一个真实的数据库,并通过http调用其余的api。 我认为这是服务器testing所能达到的最高水平。 集成testing也运行得很快。 我非常有信心,我testing服务器的方式足以满足我的使用情况,我对结果感到满意。 不过,我正在努力如何testingangularjs应用程序。 我有相关指令和模块的unit testing。 写这些不是一个问题。 我想编写涵盖用户场景的集成testing。 类似注册场景:用户访问网站,进入registry单,并提交表单与数据。 angularjs团队正在从ng场景转移到量angular器 。 量angular器使用Selenium来运行testing。 因此有两个范围:应用范围和testing范围。 现在我可以想到我可以使用的三种不同的抽象。 而我不确定哪一个最适合我。 模拟Api模块 嘲笑其余的服务器 使用完整的服务器 模拟Api模块 在这种情况下,我不需要设置服务器。 所有的交互都在浏览器中运行 优点: 没有服务器是必要的 坏处: API是在浏览器范围内,我不得不篡改这一点。 我真的很喜欢这个解决scheme,但是我觉得很难嘲笑Api。 Api需要在浏览器范围内修改。 因此我需要将testing的修改发送到浏览器。 这可以做到 ,但是我没有看到如何在testing范围内运行断言如mockedApi.method.wasCalledOnce() 嘲笑其余的服务器 优点: 客户将保持不变 只有一个范围来处理 坏处: 一个必须build立rest路线 […]

如何在WebStorm中debuggingangular度量angular器testing

在WebStorm中有一种运行和debugging量angular器networkingtesting的方法。 我只想在这里分享这个答案