Tag: angularjs

如何在MEAN STACK web应用程序中启用CORS？

我正在研究一个平均应用程序。使用节点的Mean-Cli packgae。 其中我使用darksky天气API，在包名信息。 我有意思的应用程序的自定义文件夹中的其他4个包。 我如何启用CORS，以便所有API请求都不会失败并返回响应。 我GOOGLE了，发现我必须添加这个中间件。 //CORS middleware var allowCrossDomain = function(req, res, next) { res.header('Access-Control-Allow-Origin', 'example.com'); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.header('Access-Control-Allow-Headers', 'Content-Type'); next(); } 我应该在哪里添加这个。 在我们使用跨源请求的每个包中，或者在某个全局文件中。 我试图添加这个中间件的服务器路由文件？ 信息包和confile中的express.js文件却没有起作用。

如何使用多个文件input元素上传文件？

我试图从一个窗体中的多个input元素上传多个文件。 举个例子 ： <form id="category-form" method="post" enctype="multipart/form-data" class="form" name="form"> <div class="form-group"> <p>Pictures of the A Category</p> <input id="a_pics" accept="image/*" type="file" class="file" multiple="true" my-file-upload="a_pics" required/> </div> <div class="form-group"> <p>Pictures of the B Category</p> <input id="b_pics" accept="image/*" type="file" class="file" multiple="true" my-file-upload="b_pics" required/> </div> </form> 我有一个file upload的服务。 有了这个，我可以知道它来自哪个input元素。 .service('fileService', function () { var file = {}; var fileService […]

如何在API和angular度客户端之间启用CORS

我们一直在试图build立CORS几天而没有成功。 因此，非常感谢知道如何做到一劳永逸。 我们想要做的是： API服务器（当然只是服务器的一部分）： // Config app.configure(function () { app.use(bodyParser.urlencoded({ extended: false })) app.use(bodyParser.json()) app.use(express.methodOverride()); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); app.use(express.static(path.join(application_root, "public"))); app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); app.use(app.router); }); angular度应用服务器（也只是部分设置）： server.use(gzippo.staticGzip(__dirname + '/public')); server.set('view engine', 'ejs'); // Environment var ENV = process.argv[2] || 'dev'; // prod […]

使用grunt-obfuscator混淆js文件：未捕获ReferenceError：require未定义

我在互联网上search如何破解我的JavaScript代码和使用uglify转换所有我的文件缩小，但不混淆我决定使用grunt混淆器 在我的简单项目上进行这个configuration之后： Gruntfile.js module.exports = function (grunt) { grunt.loadNpmTasks('grunt-obfuscator'); grunt.initConfig({ connect: { server: { options: { port: 9000, base: 'app/' } } }, watch: { project: { files: ['app/**/*.js', 'app/**/*.html', 'app/**/*.json', 'app/**/*.css'], options: { livereload: true } } }, obfuscator: { files: [ 'app/js/app.js', 'app/js/controllers.js' ], entry: 'app/js/app.js', out: 'app/js/obfuscated.js', strings: true, root: __dirname } […]

AngularJS和ExpressJS：如何阅读由$ http.put（）发送的内容

我有angularJS应用程序的问题，它将callback发送到nodejs服务器。 当我使用POST或GET方法，所有工作正常，但是当我发送PUT请求，我得到错误。 如果我从curl调用服务器，它工作正常; 当我使用PUT方法从angularJS调用某个远程服务器时，它也可以正常工作。 所以问题在于我的本地主机上的angularJS和nodejs之间的合作，但是我还没有弄明白。 我的angular度方法，调用本地nodejs服务器： $http({ method :'PUT', url:'http://127.0.0.1:3000/s', data: $.param({"test":true, _method: 'PUT'}), headers :{'Content-Type':'application/x-www-form-urlencoded'} }).success(function(data, status, headers, config) { alert('OK'); }).error(function(data, status, headers, config) { alert('error'); }).catch(function(error){ alert('catch' + JSON.stringify(error)); }); 我的nodejs文件： var express = require("express"); var mysql = require('mysql'); var bodyParser = require('body-parser') var methodOverride = require('method-override'); var app = express(); //use […]

Angular，没有浏览器？

有时候我想在Angular的某些方面（例如Services，DI等）尝试（在本地Node脚本中） – 与浏览器或DOM无关的东西。 有没有办法做到这一点？ 即加载Angular基础设施的一些基础部分？ 如果我只需要（“angular”）在一个节点脚本，它抱怨： ReferenceError: window is not defined 这是有道理的，因为Angular生活在浏览器窗口。 但是，似乎Angular的某些部分可以用于非web应用程序 – 虽然这不是我问这个问题的理由。 我只是试图提高我对Angular的理解，有时候想尽可能多地去掉/忽略一些小实验。

使用本地存储连接器时，StrongLoop中的ng-lb命令失败

亲爱的Strongloop社区我正在遵循loopback提供的用于评估本地存储数据存储的示例。 它工作正常，我可以使用其余的API来创build和检索本地文件系统（用作数据源）的文件。 我不得不使用“$ npm install loopback-component-storage –save”。 datasource.json中定义的数据源是： { "db": { "name": "db", "connector": "memory" }, "localFileSystemStorage": { "name": "localFileSystemStorage", "connector": "loopback-component-storage", "provider": "filesystem", "root": "./property_data" } } ./property_data目录是存储所有数据的地方。 （相对于项目目录），我可以通过rest访问它没有问题。 接下来，我试图生成Angular服务组件，所以我可以连接到使用Angular应用程序的回送服务器。 所以在我执行的客户端目录中： ../example-2.0/client$ lb-ng ../server/server.js js/lb-services.js 它失败了： /home/eval/projects/loopback-component-storage/example-2.0/node_modules/loopback-component-storage/lib/providers/filesystem/index.js:25 throw new Error('FileSystemProvider: Path does not exist: ' + this.root); ^ Error: FileSystemProvider: Path does not exist: […]

AngularJs图片上传到S3

我是： – 创build一个Web应用程序 – AngularJS前端与ngfile upload（ https://github.com/danialfarid/ng-file-upload ） – Node.js后端 – 希望能够将图像上传到我的Amazon S3存储桶 我试图按照这个教程： https : //github.com/danialfarid/ng-file-upload/wiki/Direct-S3-upload-and-Node-signing-example 本质上，程序stream程是select文件，单击button，请求从后端签名，然后上传到S3。 我使用代码200从后端接收签名，但是当前端尝试上载图像时，我在开发人员菜单中看到了这一点： OPTIONS https://mybucket.name.s3-us-east-1.amazonaws.com/ net::ERR_NAME_NOT_RESOLVED 是我的代码是问题还是我设置我的桶的方式？ 根据需要添加代码： 我的S3桶上的CORS <?xml version="1.0" encoding="UTF-8"?> <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> <CORSRule> <AllowedOrigin>*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <MaxAgeSeconds>3000</MaxAgeSeconds> <AllowedHeader>Authorization</AllowedHeader> </CORSRule> <CORSRule> <AllowedOrigin>my.computers.IP.Address</AllowedOrigin> <AllowedMethod>PUT</AllowedMethod> <AllowedMethod>POST</AllowedMethod> <AllowedMethod>DELETE</AllowedMethod> <AllowedHeader>*</AllowedHeader> </CORSRule> </CORSConfiguration> Node.js后端代码 app.post('/signing', function(req, res) { var request = req.body; var fileName […]

$ http Post上的Angularjs – 500（内部服务器错误）

我是离子和angular的新手。 我正在使用angular.js构build带ionic framework的示例。 我想通过$ http post方法调用WebApi。 我检查了这个（ 离子代理的例子 ）解决scheme，我试图用我的api实现相同的。 当我在示例项目中调用上述示例中提供的api时，我得到的logging，但它不与我的api工作。 它会引发500个内部错误。 这是我的app.js angular.module('myApp', ['myApp.controllers', 'myApp.services']) .constant('ApiEndpoint', {url: 'http://localhost:8100/api'}) Services.js angular.module('myApp.services', []) .factory('Api', function($http, $q, ApiEndpoint) { console.log('ApiEndpoint', ApiEndpoint) var getApiData = function() { var q = $q.defer(); var data = { Gameweek_ID: '179', Vender_ID: '1', Language:'en' }; var config = { headers : { "Content-Type": […]

喜欢和不喜欢用户angular度审查产品

用户架构： var UserSchema = new Schema({ review_likes : [{type:String}], review_dislikes : [{type:String}] }); 审查模式： var ReviewSchema = new Schema({ productID:{type: String, required: true}, numoflikes:{type:Number, required:true}, numofdislikes:{type:Number, required:true} }) 审查控制器： .controller('reviewsController', function($route, reviewsFactory, $scope, $routeParams){ var that=this; reviewid = $routeParams.id; productID = $routeParams.id; likestats = false; dislikestats = false; /* console.log('controller',questionid) */ var getallReviews = function(){ […]