Articles of angularjs

$ locationProvider html5mode导致“无法GET”错误刷新 – AngularJS节点的应用程序

我正在尝试使用locationProvider从我的Angularjs应用程序的URL中删除标签,直到手动刷新页面为止。 这总是在浏览器中导致“无法GET ..”错误。 我已经做了一些研究,我想我必须使用.htaccess文件redirect,但我不知道如何实现它,我已经在网上search的解决scheme,但没有运气到目前为止。 这是我的app.js处理路由到我的Angular视图和控制器: (function () { 'use strict'; var myApp = angular.module('myApp', ['ngRoute']); myApp.config(function($routeProvider, $locationProvider) { $routeProvider. when('/', { templateUrl: 'views/partials/play.html', controller: 'playCtrl' }). when('/dictionary', { templateUrl: 'views/partials/dictionary.html', controller: 'dictionaryCtrl' }). when('/add', { templateUrl: 'views/partials/word.html', controller: 'wordCtrl' }). when('/about', { templateUrl: 'views/partials/about.html', controller: 'aboutCtrl' }). otherwise({redirectTo: '/'}); // use the HTML5 History API […]

只是不能解决CORS问题

我只是不能打电话给我全function的API,因为我不断收到这个错误 – angular.js:9827 **OPTIONS http://xyz.mybluemix.net/add_user** (anonymous function) @ angular.js:9827sendReq @ angular.js:9628serverRequest @ angular.js:9344processQueue @ angular.js:13189(anonymous function) @ angular.js:13205Scope.$eval @ angular.js:14401Scope.$digest @ angular.js:14217Scope.$apply @ angular.js:14506(anonymous function) @ angular.js:16232completeOutstandingRequest @ angular.js:4905(anonymous function) @ angular.js:5285 welcome.html:1 **XMLHttpRequest cannot load http://xyz.mybluemix.net/add_user. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. […]

在angular度种子克隆的“npm start”命令中出错

当我从github克隆angular种子并运行节点服务器时,出现以下错误。 我已经将angular种子克隆到现有的项目目录。 我不确定发生了什么问题。 但是我得到了下面的错误。 请帮助 $ npm start > StickyTodos@0.0.0 prestart C:\projects\StickyTodos > npm install > StickyTodos@0.0.0 postinstall C:\projects\StickyTodos > bower install > StickyTodos@0.0.0 start C:\projects\StickyTodos > http-server -a localhost -p 8000 -c-1 events.js:141 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 127.0.0.1:8000 at Object.exports._errnoException (util.js:860:11) at exports._exceptionWithHostPort (util.js:883:20) at Server._listen2 (net.js:1234:14) at […]

使用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, […]