Tag: angularjs

Angular / Node / Express / Passport – 连接到facebook（CORS）时的问题

我试图在我的NodeJs服务器上使用Facebook身份validation。 我来到http://scotch.io/的教程，并使用REST客户端（邮递员等）在本地工作。 为了改善UI，我使用了Angular JS作为前端。 但是当我调用一个http.get到我在NodeJs后台给出的特定路由时，我在chome和firefox中得到了以下错误： XMLHttpRequest无法加载https://www.facebook.com/dialog/oauth?response_type=code&redirect_uri=http% … 0％2Fapi％2Fauth％2Ffacebook％2Fcallback＆scope = email＆client_id = 3000000000006。 请求的资源上没有“Access-Control-Allow-Origin”标题。 因此不允许访问原产地“localhost：8080”。 我已经尝试了几个解决scheme在StackOverflow，但它仍然无法正常工作…我的NodeJs使用Express 4. *和一个CORS中间件。 对于Angular，我发现了几种启用CORS的方法，目前为止还没有任何工作。 我希望你能帮助我：D在此先感谢！

在量angular器testing中使用$ rootScope

我试图做一个End2Endtesting，我需要从服务器（嘲笑它）操纵数据…有没有一种方法来访问在量angular器$ rootScope，以便我可以告诉服务器（节点）什么数据，我正在寻找完成testing？ 我会把rootScope作为一个“之前”的量angular器注入，然后当我需要操作数据时，我可以。 请告知如何做到这一点，或者如果有另一种方式来做到这一点。

Node.js和AngularJS中的CORS

我的应用程序有一个CORS问题。 我的堆栈是使用Express 4和使用Restangular的 AngularJS的Node.js 我已经尝试了一些东西（ 例如 ），但我不断得到： XMLHttpRequest cannot load http://localhost:8080/api/users. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 在服务器端我有这个标题： app.all('/*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods", "GET, POST","PUT"); next(); }); 在AngularJS部分我使用这个： $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; 我正在像这样做Restangular的职位： var baseUsers = Restangular.all('users'); …. …. baseUsers.post(newUser).then(function(user){ console.log(user); }); 还有一件事，在Node.js服务器上，我正在安装req.method ，它说OPTIONS ，我真的不知道为什么。 也许是愚蠢的东西，希望有人能帮助我。 […]

量angular器不会暂停debugging

我试图debuggingProtractor-E2E-Tests但我的testing不会暂停browser.debugger() 。 我试图做到这一点是 运行'webdriver-manager start'启动我的selenium服务器 将browser.debugger()插入到我的testing代码中 运行grunt serve启动我的应用程序 运行protractor debug protractor.conf.js 我的步骤3的控制台输出如下： Starting background Express server debugger listening on port 5858 Express server listening on 9000, in development mode 我的控制台输出第4步是以下内容： $ protractor debug protractor.conf.js Starting debugger agent. debugger listening on port 5858 Starting selenium standalone server… connecting… ok debug> Selenium standalone server started at http://192.168.1.101:57265/wd/hub […]

如何从angularjsforms获取date值

HTML <div align="center" ng-controller="FormCtrl"> <form name="form" ng-submit="submitForm()" novalidate> <input type="date" name="myDate" ng-model="myDate" value="myDate"/> </form> </div> JavaScript的 var app = angular.module('formExample', []); app.controller('FormCtrl', function ($scope, $http) { $scope.myDate = new Date(); }); app.js app.post('/', function (req, res) { var jtime = req.body.myDate; console.log(jtime); }); 这里的结果（console.log）显示未定义。 如何从angular度jsforms获取date值。

使用dependency injection的Node.js应用程序示例

我真的很喜欢dependency injection是如何完成的，所以我想在节点中使用类似的模式。 有很多模块往往是DI容器，不容易select。 在节点中使用DI有真实世界的例子吗？ 在这种情况下如何构build应用程序？

404简单的Express路由错误

我正在尝试使用Express.js和Mongoose.js在我的Node.js应用程序中使用本教程设置路由 – https://thinkster.io/mean-stack-tutorial/当我用cURLtesting时，它给了我这个消息： （curl脚本是： curl –data 'title=test&link=http://test.com' http://localhost:3000/#/posts ） Error: Not Found at /Users/adamz/flapper-news3/app.js:30:13 at Layer.handle [as handle_request] (/Users/adamz/flapper-news3/node_modules/express/lib/router/layer.js:82:5) at trim_prefix (/Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:302:13) at /Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:270:7 at Function.proto.process_params (/Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:321:12) at next (/Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:261:10) at /Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:603:15 at next (/Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:246:14) at Function.proto.handle (/Users/adamz/flapper-news3/node_modules/express/lib/router/index.js:166:3) at router (/Users/adamz/flapper-news3/node_modules/express/lib/router/index. 为了参考我的app.js文件如下： var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var […]

使用AngularJS和外部NodeJS服务器启用html5模式

所以我已经读过几乎所有关于这个话题的回答/问题，但我仍然有很多疑问。 一，问题： 我有一个启用了html5的AngularJS应用程序，所以我可以摆脱'＃'符号。 $locationProvider.html5Mode({ enabled: true, requireBase: true }); $locationProvider.hashPrefix('!'); 这是我的index.html中的重要部分： <!DOCTYPE html> <html ng-app="application" ng-controller="ApplicationController as app"> <head> <meta name="fragment" content="!"> <title>LivingRoomArt</title> <meta charset="UTF-8"> <base href="/index.html" /> 我正在使用express的NodeJS服务器进行通信： router.route('/events') .post(authController.isAuthenticated, eventController.postEvent) .get(eventController.getEvents); // Register all our routes with /api app.use('/api', router); // Start the server app.listen(process.env.PORT || 5000); 所以，通常的问题是： 重新加载后，我正在从服务器获得404。 我在这里得到了这个概念，到处都是build议的解决scheme： // This route […]

Express，Node，Angular将audio文件发送到前端

我正在尝试从Node / Express后端将audio文件提供给Angular前端。 服务器端代码是： var file = "/filepath.wav"; res.download(file, 'testAudio.wav'); 客户端代码： var testData = null; this.getBasicAudio = function(){ console.log("Requesting File"); $http.get('/getBasicAudio', "FilePathRequest") //Success, return the file .success(function(data){ console.log("File retrive Successful"); testData = data; return true; }) //Error, file not retrived .error(function(data){ console.log("File retrive Failed"); return false; }); }; 这将返回文件一切正常。 我试图加载到一个audio对象，就像我把文件引用。 var audio = new Audio(testData); […]

node.js使用multer上传图片显示未定义

在这里，我试图从2个不同的文件input上传文件，我可以上传到前端，但在后端，它仍然是undefined 。 尝试了几件事，但没有奏效。 HTML： <input type="file" name="file1" file-model = "file1"/> <input type="file" name="file2" file-model = "file2"/> <button ng-click = "uploadFile()">UPLOAD FILES</button> 指示： angular.module('myApp').directive('fileModel', ['$parse', function($parse) { return { restrict: 'A', link: function(scope, element, attrs) { var model = $parse(attrs.fileModel); var modelSetter = model.assign; element.bind('change', function() { scope.$apply(function() { modelSetter(scope, element[0].files[0]); }); }); } }; } […]