Tag: angularjs

使用Socket IO在Node JS进程完成时发出消息

如何使用Socket IO和Express + Nodejs,以便在用户login时,我在MEAN栈应用程序的后台运行MongoDb更新查询。 我必须通知用户MongoDb进程已经以非阻塞的方式完成。 我不想使用callback,因为我必须将用户redirect到login页面,而无需等待此查询完成。 所以,如果这个MongoDb进程在用户login后的30秒之后完成,我想要刷新一条消息,说明已经完成了查询更新。 我已经设置套接字IO,但我不知道如何使用它,我的特殊情况。 Express +节点代码 io.on('connection', function(client) { console.log('Client connected…'); client.on('complete', function(data) { client.emit('messages', 'Hello from server'); }); }); 以下是我的AngularJs代码。 var socket = io.connect('/socketTest'); socket.on('connect', function(data) { socket.emit('complete', 'Mongo Process Done'); }); 这些是我从网站上复制的例子,我真的不明白需要做什么才能在客户端捕获这个事件。

Google地图多边形会减慢浏览器速度

我有一个应用程序,绘制多边形的谷歌地图地图。 我使用angular的前端和一个NodeJS api服务我的多边形数据。 现在我每个加载约300个多边形,每个约有10000个纬线,但是我有数据分页,所以我只能渲染多边形总数的十分之一。 我在顶部使用了一个叫做Angular Google Maps的angular度模块,考虑到GitHub问题页面,项目本身似乎有点死了,但我不认为它真的很重要。 我已经将可编辑标志设置为false,但是即使仅显示了这些复杂的多边形之中的30个,浏览器似乎也放慢了很大一部分。 当我没有绘制多边形时,这不会发生。 我发现KML或Fusion表得到了很多推荐,但是我希望不需要改变我的数据,因为它的数量巨大。 有没有人有类似的问题?

如何将Jadevariables分配给Angular绑定

这里有一个小问题,我有玉variables,所以我想分配的玉variablesangular绑定。 但它是返回错误 这是我的玉 – var editor = false // my variable .content .title Title // that i want to assign – editor = {{editormode}} // $scope.editormode = true || false return if editor .title-edit

Heroku错误:页面通过HTTPS加载,但请求一个不安全的脚本'angular-route.js'

我已经将我的nodejs应用程序部署到了heroku 。 我有下面这个文件作为我的index.html但不知怎的, heroku把这个错误消息扔给Chrome开发者控制台(F12)。 错误: 混合内容:“ https://small-talkz.herokuapp.com/ ”上的网页是通过HTTPS加载的,但要求使用不安全的脚本“ http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25 /angular-route.js '。 此请求已被阻止; 内容必须通过HTTPS提供。 index.html的: <!DOCTYPE html> <html> <head> <script type="text/javascript"> $http.get('https://code.angularjs.org/1.4.9/angular.js').success(successCallback); </script> <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"> </script> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js"></script> <script src="/socket.io/socket.io.js"></script> <script src="script.js"></script> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <div ng-app="mymodule" ng-view> </div> </html>

安装没有节点的npm

我开始使用Visual Studio 2015的ASP.NET核心Web应用程序,我想用TypeScript编辑器来使用AngularJs2。 为了这个工作,我需要安装npm包pipe理器。 我想安装npm没有节点,因为我不会使用Node.js. 有没有办法做到这一点?

将https请求从angular度发送到nodejs。 无法发送任何数据

所以首先我有我的angular应用程序: var app = angular.module('app', []); angular.module('app.controllers', []); app.config(function($httpProvider){ delete $httpProvider.defaults.headers.common['X-Requested-With']; $httpProvider.defaults.headers.common = {}; $httpProvider.defaults.headers.post = {}; $httpProvider.defaults.headers.put = {}; $httpProvider.defaults.headers.patch = {}; }); 这里是一个angular度控制器: angular.module('app').controller('loginController', ['$scope', '$http', function($scope, $http){ $http({ method: 'POST', url: 'https://xxx-xxx.c9users.io:xxxx/api/registerUser', headers: { 'Content-Type': 'application/json' }, data: { test: 'something' } }); }]); 然后是我的nodejs代码: var express = require('express'); var app = […]

如何检查从req.user的用户ID从Passport JS和MongdoDB用户ID匹配更新/删除文档之前?

我正在为使用Passport JS +进行身份validation的用户创build一个具有delete and editfunction的投票应用程序,具体的投票属于他/她。 我有以下的Passport setup与Node/Express : passport.use(new FacebookStrategy({ clientID: FACEBOOK_APP_ID, clientSecret: FACEBOOK_APP_SECRET, callbackURL: CALLBACK_URL }, function(accessToken, refreshToken, profile, done){ //callback function after login process.nextTick(function(){ done(null, profile); }); })); passport.serializeUser(function(user,done){ req.session.passport.user = {}; done(null, user); }); passport.deserializeUser(function(id, done){ done(null, id); }); app.get('/auth/facebook', passport.authenticate('facebook')); app.get('/auth/facebook/callback', passport.authenticate('facebook', { successRedirect: '/', failureRedirect: '/error' })); app.get('/success', function(req, res, […]

用VS2015设置angular度2

我有一个非常恼人的问题,我没有得到正确的事情。 每当我尝试通过在Visual Studio 2015中右键单击文件“package.json”来尝试“还原包”时,我会得到: npm命令完成,退出代码1 没有安装在我的项目中。 我有一个错误的屏幕截图,我可以看到:

在AngularJS下拉菜单

我在我的angular度应用程序中有两个下拉菜单。 当我在第一个下拉菜单中select一个选项时,我需要该选项来实现第二个下拉菜单。 例如:1st菜单将有一个状态消息列表。 当我select,比如说,“需要维护”时,会将第二个菜单更改为与维护相关的部门。 或者,如果我select状态“丢失”,则会将第二个菜单更改为与丢失状态相关的部门。 这是我的代码和设置: .controller('HomeCtrl', function($scope, $rootScope, $http, $ionicPlatform) { // This disables the user from being able to go back to the previous view $ionicPlatform.registerBackButtonAction(function (event) { event.preventDefault(); }, 100); // This function only gets called when the submit button is hit on the messaging screen. It posts to server for sending […]

用户数据没有使用Node API插入到MongoDB中

我正在Node.js上创build一个Restful API并将数据存储到Mongodb中。 并致力于用户注册API。 app.js apiRoutes.post('/signup', function(req, res) { if (!req.body.name || !req.body.password) { res.json({success: false, msg: 'Please pass Name and Password.'}); } else { var newUser = new User({ name:req.body.name, password:req.body.password }); console.log(req.body.name); // save the user newUser.save(function(err, data) { if (err) { return res.json({success: false, msg: 'Username already exists.'}); }else{ console.log(data); res.json({success: true, msg: […]