Tag: angularjs

无法在Node.js res.body中获取$ http.post请求数据

我正在使用Angular 1.3和node.js 0.12.2作为一个项目。 我正在使用node.js api $http.post("url", request_data){} 在服务器端使用这个: console.log(req.body) 但每次调用api时,都会得到request_data空对象,无法得到问题所在。 我已经使用body_parser像这样: var bodyParser = require('body-parser'); app.use(bodyParser.json()); // support json encoded bodies app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies 也尝试添加angular度$ http中的内容types标题为: headers : {'Content-Type': 'applicatio n/x-www-form-urlencoded'} 但没有得到请求数据。 编辑: Node.js代码: router.post('/url',function(req,res){ console.log(req.body) }) 注意:开发工具的networking选项卡显示的数据,我正在发送,请求标头正确,但node.js服务器不在req.body接收。 在POSTMAN获取数据是正确的响应。

Node.js CORS会话cookie与Angular.js

我使用CORS和Angular.js使用Node.js进行简单的login。 也就是— client.example.com也发布POST api.example.com/login成功的一个会话cookie也返回client.example.com并且也可以访问GET服务,比如api.example.com/secret由会话cookie保护的api.example.com/secret 。 使不受会话cookie保护的GET请求不成问题。 最终,这里的目标是将一个客户端应用程序authentication为REST api,即使上面的约定不可行,也可以使用CORS与本地策略(即用户名和密码)进行validation。 我无法从任何地方find一种有用的学习方法—指引我走向正确的方向? 奖金:显示一个工作示例。

我可以在没有Bower或NPM的情况下安装Angular Material Library吗?

我想在一个项目中安装Angular Material库,但是我在公司的防火墙后面,甚至configuration代理都不起作用,似乎代理阻塞了某些types的文件。 有没有办法来离线安装​​? 仅供参考这是我的BundleConfig bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/font-awesome.min.css", "~/Scripts/angular-loading/loading-bar.css", "~/Scripts/nya-bs-select/nya-bs-select.min.css", "~/Content/angular-ui-switch.css", "~/Content/site.css")); bundles.Add(new ScriptBundle("~/bundles/angular") .Include("~/Scripts/angular.js", "~/Scripts/angular-route.js", "~/Scripts/angular-ui/ui-bootstrap-tpls.js", "~/Scripts/AngularApp/app.js") .IncludeDirectory("~/app", "*.js", true) .Include("~/Scripts/smart-table/smart-table.js", "~/Scripts/angular-loading/loading-bar.js", "~/Scripts/nya-bs-select/nya-bs-select.min.js", "~/Scripts/moment.js"));

使用Angular 2与VS2015更新2 – 获取npm – 没有安装错误

我创build了一个空的核心1.0 web应用程序,并添加了一个package.json文件, 从这个url复制angular2快速启动package.json行。 我不断收到消息Dependencies – 没有安装,没有安装npm。 有谁知道这是为什么发生? 我是否必须在我的电脑上实际安装node.js,以便Visual Studio能够使用它? 鲍尔完美的作品…

节点抛出TypeError:无法读取未定义的属性'indexOf'

不确定,但我认为我有一些工作,但它没有,我得到的错误是相当无益的。 所以,试图发送护照对象的路线之一,我明白应该只是设置 var users = require('./routes/users')(app, passport); 这在启动时会引发故障 > /Users/bengtbjorkberg/.nvm/versions/node/v0.12.0/bin/node app.js Test > something 2 > /Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:130 > var search = 1 + req.url.indexOf('?'); > ^ TypeError: Cannot read property 'indexOf' of undefined > at Function.proto.handle (/Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:130:27) > at router (/Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:35:12) > at Object.<anonymous> (/Users/bengtbjorkberg/WebstormProjects/goMinute/app.js:41:38) > at Module._compile (module.js:460:26) > at Object.Module._extensions..js (module.js:478:10) > at […]

Grunt构build导致Angular应用程序在dist上崩溃

我正在使用Grunt并执行cmd“grunt build”来创build包含AngularJS应用程序的分发文件夹。 作为一个独立的我的应用程序工作正常。 一旦我创build了应用程序的发行版,应用程序开始很快崩溃。 我看到在F12工具控制台是: 达到10 $ digest()迭代。 中止! 我怀疑我的.tmp目录中的一个文件名为vendor.js,并且由于控制器dependency injectionvariables将注入的控制器参数(例如“$ scope”)注入到“a”中,所以无法正确缩小,uglify和/即使我正在使用ngAnnotate。 请参阅我正在使用UglifyJs和Uglify和Concat之前调用ngAnnotate,但我不能从useMinPrepare中删除UglifyJs,或者我有其他的错误,如脚本目录甚至不是在我的dist目录中创build: useminPrepare: { html: '<%= yeoman.app %>/index.html', options: { dest: '<%= yeoman.dist %>', flow: { html: { steps: { js: ['concat', 'uglifyjs'], css: ['cssmin'] }, post: {} } } } }, 我在我的GruntJs文件中设置mangle = false,但我怀疑useMinPrepare js: ['concat', 'uglifyjs']更改执行顺序并运行uglify之前ngAnnotate可以运行时调用useMin ,即使我调用后, ngAnnotate 。 我是新来的Grunt,这个应用程序已经从另一个开发人员传给我。 我发现这篇文章对我来说并不完全有意义,也不是一个代码更改似乎适用于我的Gruntfile.js,但我想也许我正在做的事情: https://github.com/DaftMonk/generator-angular-fullstack/issues/164 […]

将http.get数据获取到本地JSON数组variables中

我对Angular和Nodejs很新,认为这将是一个有趣的项目。 我试图从http.get中的http.get中获取json数据,并将其放入可变的城市,以便它可以显示在Google地图上。 当我尝试console.log(cities); 它返回一个对象,但console.log(cities.items)返回并且未定义; 当我试图看到,如果我可以JSON.stringify $http.get的数据,它显示下面的数据是我想要完成的。 有没有另外一种方式来获取这些数据到var城市,所以我可以使用它如下所示? { "city": "New York", "state": "NY", "desc": "Google NYC", "lat": 40.7418, "long": -74.0045 } 任何帮助是非常appreicated angular.js //Angular App Module and Controller var sampleApp = angular.module('mapsApp', []); var cities = $http.get('/locations').success(function (data){ $scope.items = data.items; }) var mapOptions = { zoom: 8, center: new google.maps.LatLng(41.5, -73), mapTypeId: google.maps.MapTypeId.TERRAIN } […]

如何正确设置Node,Express和Angular2

我正在尝试使用Node,Express,Angular2(数据库,MongoDB或SQL)设置工作区, 但我不知道如何正确设置它的组合。 我的文件结构看起来像这样到目前为止,我打算把公共文件夹的前端。 ── package.json ├── public ├── routes │ └── test.js ├── server.js └── views 到目前为止,我的server.js看起来像这样 var express = require('express'); var mysql = require('mysql'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var path = require('path'); var lel = require('./routes/test'); var app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false})); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('/api/', test); app.use(function(req, […]

用webpack将供应商库分成多个块

我想将我的供应商代码分成两个块,一个包含所有angular库,另一个包含所有其他的东西。 我的angular度应用程序有一个单一的入口点,并设置如下所示: entry: { app: './path_to/app.js', vendor: ['jquery', 'moment', 'numeral'], 'vendor.angular': ['angular', 'angular-route', 'angular-numeraljs'] } 然后我使用CommonsChunkPlugin来configuration其他两个包: new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', chunks: ['app'], warnings: false, filename: 'vendor.bundle.js' }) new webpack.optimize.CommonsChunkPlugin({ name: 'vendor.angular', chunks: ['app'], warnings: false, filename: 'vendor.angular.bundle.js' }) 这会生成3个文件: Version: webpack 1.13.1 Time: 12719ms Asset Size Chunks Chunk Names app.bundle.js 19.2 kB 0 [emitted] app […]

无法将新模块添加到AngularJs Boilerplate

我正在做一个有angular度的项目,并决定使用样板。 这里是链接到样板: https : //github.com/jakemmarsh/angularjs-gulp-browserify-boilerplate 我面临的问题是我无法添加任何新的模块。 例如我想通过npm添加ngCart。 我已经安装了它,但不能在代码中访问。 `import angular from 'angular'; // angular modules import constants from './constants'; import onConfig from './on_config'; import onRun from './on_run'; import 'angular-ui-router'; import 'ngCart'; //this doesn't import it import './templates'; import './filters'; import './controllers'; import './services'; import './directives'; // create and bootstrap application const requires = [ 'ui.router', […]