Articles of angularjs

如何使用Node / Express和Angular从服务器发送JSON对象到我的视图

我试图build立一个webapp,我被困在这个部分:我想使用Contentful来服务我的数据。 由于这是一个RESTful服务,我认为这将是相对容易使用。 他们也有节点模块,让我的生活更加轻松。 不幸的是,我看不到数据。 经过几个小时的谷歌search,在这里我已经想出了这个,但不幸的是,它不工作。 服务器: var client = contentful.createClient({ accessToken: 'token', space: 'id', secure: true, host: 'cdn.contentful.com' }); var log = console.log.bind(console); var movies = client.entries({ 'content_type': '207BVEIb7GcYeCumc2Cmk4' }).then(log, log); app.get('/api/data/movies', function(req, res) { res.json(movies); }); JSON: [ { sys: { id: '6nEC5yrZwA0YoikiMeQYky', revision: 1, type: 'Entry', locale: 'en-US', contentType: [Object], createdAt: Mon Sep […]

了解yeoman的fullstack套接字服务

了解yeoman的fullstack提供的套接字服务,我有点麻烦。 我提供了一个如何使用syncUpdate函数的示例,添加了modelPlacevariables来知道函数的调用方式。 所以,这是一个伪工作空间模型 var working_spaceSchema = new Schema({ … users: [], todos: [{name:String,info:String,priority:Number,id:Number}], chat: [{content:String,poster:String,creation:Date}], … }); 以及我在angular度控制器中调用套接字服务的方式: $http.get('/api/works/' + $location.$$path.substr(7)) .success(function(data) { $http.post('/api/works/' + $location.$$path.substr(7) + '/connexion', {type:0}); $scope.chats = data; socket.syncUpdates('work', 'chat', $scope.chats, function(event, chat, chats) { $scope.chats = chats; }); }); 为了提醒,这里是套接字服务文件。 你可以看到modelPlacevariables,它让我知道我必须从schema.post中同步什么: 'use strict'; angular.module('yoyoApp') .factory('socket', function(socketFactory) { // socket.io now […]

angularJS与nodeJS

在我上次学习使用AngularJS和NodeJs,但我有一些问题。 首先:我想加载..例如index.html或其他文件,现在我做这个手册和最简单的我可以,但即使如此,我有types文件的问题,包括在index.html我收到: 将资源解释为样式表,但使用MIMEtypestext / html传输:… 我怎样才能纠正这一点? 下面的代码。 'use strict'; var http = require('http'); var fs = require('fs'); var mysql = require('mysql'); var render = function(response, fileName, code, httpCode){ var code = code || 'utf8'; var httpCode = httpCode || 200; fs.readFile(fileName, code, function(err, data){ if(err) { return console.log(err); } response.writeHead(httpCode, {'Content-type': 'text/html; charset='+code}); response.write(data); response.end(); […]

当Cookie被禁用时,护照会话pipe理

我正在制作一个Web应用程序,将AgularJS作为我的前端,Sails(NodeJS + Express)作为我的后端。 我正在使用护照(护照本地)进行身份validation,这似乎工作很好,直到我在safari中进行testing。 我注意到会话总是会返回null。 我使用护照会话授权,我无法使用req.session.passport获取会话variables,因为它是空的。 我发现我在Safari中禁用了Cookie。 这会破坏我的应用程序的授权。 有没有一种方法可以使会议pipe理,即使在浏览器中禁用cookie,也能正常工作?

Express – 公共目录分为授权/未授权用户

我有一个用express.js编写的应用程序,我试图把这个应用程序分成两部分: 一个用于未经授权的用户(路由仅限于/ – 着陆页,/ login和/ * – error404) 和第二个(路线将是:/ – 着陆页,/应用程序/ * – angular度SPA将自行处理路由) Express也被configuration为从/unauth/public/获取静态文件并且我想为来自授权路由的请求添加第二个静态文件夹 – /auth/public转到/ app / * 我的路由configuration如下所示: var authRoutes = express.Router(); var unauthRoutes = express.Router(); authRoutes.get('/app/*', function(req, res, next) { if(!req.isAuthenticated()) return res.redirect("/login/"); res.send("AUTHORIZED"); }); unauthRoutes.get('/', function(req, res, next) { res.send("LANDING PAGE"); }); unauthRoutes.get('/login/', function(req, res, next) { if(req.isAuthenticated()) return res.redirect("/app/"); […]

XMLHttpRequest无法加载http://127.0.0.1:1337/。 请求的资源上没有“Access-Control-Allow-Origin”标题

我尝试使用Angular.js和本地运行的Node.js服务器从HTML页面发送和接收数据 app.controller("MainController", function MainController($scope, $http){ $scope.postIt = function() { //alert("posting…"); $http.post('http://127.0.0.1:1337/', {msg:'hello from Angular.js!'}) .success(function onSuccess(response){ console.log(response); $scope.$apply(function(){ $scope.testData = JSON.parse(response); console.log($scope.testData); }); }).error(function onError(){ console.log("AJAX failed!"); }); }; }); <div id='content' ng-app='MyTutorialApp' ng-controller='MainController'> <p> <a ng-click="postIt()"> Click here to load data. </a> </p> </div> <script src="bower_components/angular/angular.js" type="text/javascript"></script> <script src="app.js" type="text/javascript"></script> <script src="maincontroller.js" type="text/javascript"></script> 那么我得到错误: […]

无法在AngularJS phonecat应用程序中执行Web服务器

我下载了AngularJS phonecat标准的应用程序,并安装了Node。 但是当我移动到代码目录,并尝试'npm开始'我得到以下错误: > angular-phonecat@0.0.0 start /Users/marya/JS:HTML:CSS/angular-phonecat > http-server -a 0.0.0.0 -p 8000 sh: http-server: command not found npm ERR! Darwin 13.4.0 npm ERR! argv "node" "/usr/local/Cellar/nvm/0.17.2/v0.10.32/bin/npm" "start" npm ERR! node v0.10.32 npm ERR! npm v2.1.4 npm ERR! code ELIFECYCLE npm ERR! angular-phonecat@0.0.0 start: `http-server -a 0.0.0.0 -p 8000` npm ERR! Exit status 127 npm […]

使用Grunt和Node.js构buildAngularJS UI-Grid时遇到困难

我是Node.js,Github,Grunt和ui-grid项目中使用的其他工具的新手。 我试图按照https://github.com/angular-ui/ng-grid/blob/master/FIRST_TIMER.md中的说明开始操作。 它进行得很顺利,但是当我运行这个咕噜的任务时,我得到一个错误: PhantomJS 1.9.7 (Windows 7) ERROR ReferenceError: Can't find variable: jQuery at c:/Users/russell/ng-grid/lib/test/jquery.simulate.js:328 Warning: Task "karma:angular-1.2.14" failed. Use –force to continue. Aborted due to warnings. 我试图执行下一个命令grunt install并得到以下错误: >> bower csv-js#* ECMDERR Failed to execute "git ls-remote –tags –heads git://github.com/gkindel/CSV-JS.git", exit code of #128 Warning: Done, with errors. Use –force to continue. Aborted due […]

用AngularJS和NodeJS创build一个注册过程

我想为我的网站创build多个页面注册过程。 因此,例如,在一个页面上,用户input他的名字和电子邮件,然后点击下一页,并呈现另一个页面,提示更多的数据(即他的地址,兴趣等)。 我看到,在Angular中,可能有一些HTML(视图)被ng-show标签隐藏,直到它决定揭示它们。 我想知道是否简单地把所有这些数据input页面放在一个HTML文档中,并在点击Next一个时显示它们。 或者这是一个坏主意? 另外,如果你能build议如何将这个与NodeJS集成并将用户input的数据发送到服务器,我会非常感激。 我应该等到一切都进入,并发送一个大的POST ? 我想这取决于事情的angular度是如何完成的。 我真的很感激你可以提供任何方向! 谢谢!

Mongoose模式中具有默认值的属性不会持久

我有我用Mongoose写的下面的模式: var querySchema = mongoose.Schema({ quoteId: { type: String, default: '' }, zipcode: { type: String, default: '' }, email: { type: String, default: '' }, type: {type: String, default: ''}, isEmailChecked: { type: Boolean, default: true }, }); 我为querySchema 3个属性提供了值,假设当持久化query对象的新实例时,字段的结果将采用默认值: var query = {}; query.quoteId = "1414775421426"; query.email = "myself@somewhere.com"; query.type = "Foo"; 但是下面的文档是我在集合中看到的结果: […]