Tag: angularjs

XMLHttpRequest无法加载https://www.facebook.com/dialog/oauth?response_type=code&redirect_uri=: 我正在尝试整合Facebooklogin我的应用程序在nodejs，angularjs使用passport facebook模块。我可以整合Facebook的身份validation没有angularjs，但是当我使用angular http.get('/auth/facebook')我得到下面的错误 XMLHttpRequest cannot load https://www.facebook.com/dialog/oauth?response_type=code&redirect_uri=http%…%2Flocalhost%3A1439%2Fauth%2Ffacebook%2Fcallback&client_id=xxxxxxxx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:1439' is therefore not allowed access. app.js:153 err 以下是我的angular码 var headers = { 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8', 'Content-Type': 'text/html' }; $scope.fblogin=function(){ // $window.location.href='/auth/facebook'; $http({ url:'/auth/facebook', method:'GET', headers: headers }).success(function(data){ console.log(data); }).error(function(){ console.log('err'); }); }; pp.config(['$routeProvider','$httpProvider', function($routeProvider,$httpProvider) { $httpProvider.defaults.useXDomain = […]

无法使用护照authentication$ http基本身份validation: 我怎样才能使我的$ http调用护照基本身份validation？我在我的服务器上设置了基本身份validation和护照，我可以使用POSTMAN进行testing。但是当我尝试在我的angular度应用程序上执行它时，我无法通过基本身份validation的用户名和密码。我有$ http调用以下 $http({ method:'POST', url: 'http://myapicall.com/api/login', headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Authorization' : 'Basic Username:MySecret' },…. 我需要添加其他东西吗？我一直没有得到授权，当我在邮递员上使用相同的用户名和密码，它工作正常。

意味着与angular2堆栈应用程序: 我试图得到一个MEAN堆栈应用程序工作，但使用Angular 2而不是Angular 1（我已经做了，虽然这是一段时间）。我有快速应用程序工作，并运行在端口3000.我的Angular 2应用程序也可以很容易地起床和运行，但运行（现在）在端口8080。我知道，我想要的是整个应用程序运行在一个快速服务器上，它服务于主布局，然后是内部运行的Angular，但我不确定最好的方式去做。而不是复制每个文件在这里，这里是一个链接到所有提交的存储库。克隆回购，运行npm install && bower install ，然后在一个terminal窗口gulp serve和第二个窗口npm start 。任何帮助去哪里从这里将不胜感激。

发送json对象作为url参数: 我创build一个Angular应用程序使用ngResource，我想发送一个search/filter/分页（我在后端使用ORM作为sequelize，我想使用该对象直接应用search，筛选和分页stuf）parameter passing给一个GET请求，所有在JSON对象中，都有任何方式强制这个对象，或者有更好的方法来做到这一点。这是我想要做的一个例子 rank: { $or: { $lt: 1000, $eq: null } }

在Grunt服务器中安装经过身份validation的公司代理: 我开始在现有的Angular JS应用程序上工作，但是我无法使它在公司代理的后面工作。在应用程序中，所有后端Web服务调用都使用Gruntfile.js中的代理configurationredirect到不同的服务器（如https：// servicesURL / api / ）。如果我在经过身份validation的公司代理之外运行应用程序，则完美工作，但是在代理后面，我发现所有的Web服务调用都失败，出现错误： An error has occurred: {"code":"ENOTFOUND","errno":"ENOTFOUND","syscall":"getaddrinfo","hostname":"servicesURL","host":"servicesURL","port":443} grunt文件代理configuration如下： connect: { options: { port: 9005, hostname: 'localhost', useAvailablePort: true, livereload: 35712 }, proxies: [ { context: ['/api'], host: 'serviceURL', port:443, https: true, xforward: true } ], livereload: { options: { middleware: function (connect) { return [ connect.static('.tmp'), connect().use( '/bower_components', […]

使用multer，ng-file-upload，angular和node将dynamic表单数据绑定到每个file upload多个文件: 我在客户端使用angular和ng-file-upload。我在服务器端使用节点，expression式和multer。当用户select多个文件时，我会显示文件的预览以及绑定到模型的textarea。文本区域的这个目的是为用户提供给每个上传的文件一个笔记/描述的能力。当我调用ng-file-upload的上传函数并传入文件的模型时，我看到每个文件特有的dynamic表单数据存在于正在上传的数组中。在服务器端我使用的是Muller。一切似乎function正常。我可以上传多个文件，但是dynamic表单数据在multer内置的req.files对象上不可用，我不知道在哪里可以访问dynamic数据。我search了请求对象，找不到我正在查找的数据。如何将dynamic数据分别添加到每个文件并将其传递给服务器并访问？客户 $scope.uploadFiles = function(files) { console.log('files', files); //I see that this argument contains the user input as property 'Desc' if (files && files.length) { Upload.upload({ url: 'api/filesinorg/upload/'+ $rootScope.currentUser.primary_org_id, arrayKey: '', // default is '[i]' data: { files: files, fileData: { Organization_id: $rootScope.currentUser.primary_org_id, uploadBy_id: $rootScope.currentUser._id } […]

一起使用翡翠和把手，并相应地渲染: 我想了解如何包括玉和车把完全一样，因为我正在尝试添加angular度js到我的服务器，也是使用玉来提供其他网页。我听说巩固.js，这是我的app.js代码： var engines = require('consolidate'); var exphbs = require('express-handlebars'); var app = express(); app.engine('jade', engines.jade); app.engine('handlebars', engines.handlebars); app.set('view engine', 'handlebars'); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); app.use(favicon(path.join(__dirname, 'public', 'img/favicon.ico'))); app.use(logger('dev')); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(cookieParser(config.cookieSecret.secret)); app.use(express.static(path.join(__dirname, 'public'))); 如何获得两个视图引擎设置？另外，如何在不影响其他链接的情况下将以下内容添加到我的代码中： // Application UI route app.get('*', function(req, res) { res.render('indexer'); }); […]

我的angular度视图不显示我的数据: <div ng-show ="formMode == 'HotelSearch'" id="hotelResults" ng-controller="hotelSearchCtrl"> <div class="row" ng-repeat="hotel in hotels"> <div class="col-md-6 col-lg-4 col-sm-12"> <div class="card"> <div class="front"> <div class="cover"> <img src="images/city.jpg" class="img-responsive"/> </div> <div class="content"> <div class="main"> <h3 class="name">{{hotel.name}}</h3> <h5><i class="fa fa-map-marker fa-fw text-muted"></i> {{hotel.location}}</h5> <h5><i class="fa fa-building-o fa-fw text-muted"></i> {{hotel.phone}}</h5> <h5><i class="fa fa-envelope-o fa-fw text-muted"></i> {{hotel.email}}</h5> </div> <div class="footer"> </div> </div> […]

上传文件并将其保存到文件夹 – 平均堆栈: 我正在尝试使用平均堆栈开发一个简单的Web应用程序。我想从用户那里input一个文件，并将上传的文件保存到一个文件夹（例如：/ home / user / Desktop / files）。有人可以帮助我如何写控制器来做到这一点。我的UI代码如下。 <h5>Upload file</h5> <div class="input-group"> <span class="input-group-btn"> <span class="btn btn-primary btn-file"> Browse… <input type="file" multiple> </span> </span> <input type="text" id="file" class="form-control"> </div> <button type="submit" class="btn btn-primary btn-sm">Submit</button> 看起来像这样用户上传文件时。我希望文件出现在input字段将file ID，当他点击submitbutton时，文件应保存在给定的文件夹。

Socket.io发射两次: 我在我的Node.js后端创build了一个socket.io，它发出了AngularJS然后捕获并显示错误的某些事件，并更改了一些$ rootScopevariables。我有一个问题，这个发射似乎每次都给我两次通知，而且我不知道问题出在哪里 server.js (shortened) var socket = require('socket.io'); var app = express(); var router = express.Router(); app.use('/api', router); var server = app.listen(config.conn_port, function(){ console.log("Server launched at port " + config.conn_port); }); var io = socket.listen(server); require('./api/routes')(router, connection, io); routes.js module.exports = function(router, connection, socket) { # Net event client.on('error', function () { socket.emit('serverDisconnected', {message: […]