Tag: angularjs

更新自定义req.session属性值似乎不够快速

我有一些Express中间件处理来自我的客户端应用程序的GET请求,以便向使用OAuth2令牌的单独的API服务器发出后续请求,我也使用express-session存储这些令牌。 在我的中间件,使传出的请求,我已经添加处理,以应付访问令牌到期的场合(API服务器发回一个403),并提出刷新令牌的请求,然后它将发出相同的原始传出请求API服务器,所以客户端不知道这一切正在进行。 然后,通过express-session会话将检索到的新令牌持久保存回会话存储express-session ,以便在随后的请求中使用。 令牌也用于设置授权载体令牌标题,您将在下面看到。 以下是我的Express代码中涉及的部分: routes.controller.js //Currently handling GET API requests from client module.exports.fetch = function(req, res) { var options = helpers.buildAPIRequestOptions(req); helpers.performOutgoingRequest(req, res, options); }; helpers.js module.exports.buildAPIRequestOptions = function(req, url) { var options = {}; options.method = req.method; options.uri = 'http://someurl.com' + req.path; options.qs = req.query; options.headers = { 'Authorization': 'Bearer ' + […]

为什么我的url在使用angular时包含“!”?

我刚开始使用MEAN栈,我正在跟踪一些TUT。 我正在使用Angular的npm-views ,并试图将html标签redirect到另一个html文件。 但是,当我去localhost:3000我得到这个: localhost:3000/#!/和当我在该页面的链接,它只是添加localhost:3000/#!/#%2Fsl 。 我的index.html是这样的(没有一些元素 – 太多的文本/ /我删除了所有的js和css文件,但我把它们都放在我的文件中): <!DOCTYPE html> <html ng-app="firstApp"> <head> <script type="text/javascript"> var app = angular.module('firstApp',['ngRoute']); app.config(function($routeProvider){ $routeProvider .when('/', { templateUrl: 'home.html', controller: 'HomeController', }) .when('/sl', { templateUrl: 'sl.html', controller: 'SLController', }); }); app.controller('HomeController', function ($scope, $http){ console.log('Home page'); }); app.controller('SLController', function ($scope, $http){ console.log('Signup page'); }); </script> <title>First Node.JS […]

在调用AppComponent.ts之前,Angular 2的起点是什么?

我想在angular度2的应用程序的起点做一些事情,但我无法得到这一点。 请帮助我,如果任何人知道这一点。 提前致谢。

web服务器使用nodejs为我的angular度的应用程序

我正在开发一个angular度的应用程序,我想运行应用程序使用web服务器使用node.js像angular种子项目https://github.com/angular/angular-seed 。 我在我的本地path复制angular种子应用程序,我运行它如下 打开命令提示符 我只是在命令提示符下运行下面的命令Node scripts\web-server.js ,看截图 然后我检查浏览器应用程序是否正常工作 然后,我尝试为我的testing应用程序做同样的事情,在这里我做的是,创build了我自己的angular度应用程序,并将web-server.js文件复制到我的testing应用程序的脚本文件夹中,如下面的截图所示。 然后我按照以下步骤打开命令提示符 那么我只需在命令提示符下运行以下命令Node scripts\web-server.js ,看截图 但是我得到的是看到屏幕截图 我想运行我的应用程序,像使用node.js的web服务器中的angular-seed应用程序。 我的Index.html是 <!Doctype html> <html data-ng-app> <head> <meta charset="UTF-8"> <title>angular JS directive demo</title> <script src="angular.js"></script> </head> <body> Name: <input type="text" data-ng-model="name" /> {{ name }} <div class="container" data-ng-init="names=['aaa','bbb','ccc']"> <ul> <li ng-repeat="personName in names"> {{ personName }}</li> </ul> </div> </body> </html> Web-server.js […]

在Windows上使用karma-browserify找不到模块错误

我正在尝试使用Karma,Karma-Jasmine和Karma-Browserify在Angular / Browserify项目上设置unit testing。 我在Windows机器上,以供参考。 karma-cli在我的全局npmpath上, karma , karma-jasmine , karma-browserify和browserify都是本地npm安装,使用-D 。 我试图拉入一个单一的spec文件,如下所示: var PhoneListCtrl = require('../../../public/js/app/controllers/phone-list'); describe('PhoneListCtrl', function() { var scope, ctrl; beforeEach(function() { scope = {}; ctrl = new PhoneListCtrl(scope); }); it('should create "phones" model with 3 phones', function() { expect(scope).not.toBe(undefined); }); }); 我每次都得到以下错误: Uncaught Error: Cannot find module 'Cc/gGH' 克隆下面的回购,安装因果和所有插件,并试图运行他们的示例testing套件后,我得到了完全相同的错误: https://github.com/xdissent/karma-browserify https://github.com/waye929/angular-browserify […]

Restangular反应和ng重复

我最近开始学习使用restangular与我restfull API(帆)交谈的angularjs。 我偶然发现的问题是,在更改范围中的列表后,ng-repeat不会更新。 控制器: app.controller('UsersCtrl', ['UsersSvc', '$scope', function(UsersSvc, s) { UsersSvc.getList().then(function (new_users) { s.users = new_users; }) s.destroy = function (user) { user.remove().then(function () { s.users = _.without(s.users, user); }); } }]); 服务: app.factory('UsersSvc', function(Restangular) { return Restangular.all('users'); }); 模板: <div ng-controller="UsersCtrl"> … <tr ng-repeat"user in users"> <td>{{user.firstName}}</td> <td>{{user.lastName}} </td> <td>{{user.emailAddress}}</td> <td>{{user.age}}</td> </tr> … </div> […]

callback()节点Js

我对这个程序很困惑。 我通过Brad Dayley购买了一本名为“Node JS,MongoDB和AngularJS Web Development”的书。 我find了一个程序来演示一个叫做闭包的东西,这个程序就是一个例子。 这只是该计划的第一部分。 function logCar(logMsg, callback){ process.nextTick(function(){ callback(logMsg); }); } var cars = ["Ferrari", "Porsche", "Bugatti"]; for(var idx in cars){ var message = "Saw a " + cars[idx]; logCar(message, function(){ console.log("Normal Callback: " + message); }) } 我一直在试图弄清楚这个程序如何运行整整一个小时,但我不知道什么是callback(logMsg)的function。 我知道这可能是一个非常基本的问题,但是我无法把它包围起来。

如何使用loopback api资源pipe理器上传文件?

我正在使用回环Api Explorer我需要上传一个文件通过探索如何上传,因为我没有find任何选项上传文件,请参阅截图 。

AngularJS的$ routeProvider templateUrl总是使用Express返回404

所以问题是,AngularJS的$routeProvider/ngRoute不能正常工作,因为我需要它。 我无法得到它的路线显示相应的.html页面。 我总是得到GET http://localhost:3000/home.html 404 (Not Found)当我尝试在我的index.ejs页面加载模板。 我已经尝试了多种path来获得.html加载,但我没有成功。 我甚至创build了应用程序中每个文件夹的home.html ,看看它是否会抓住任何东西,但没有任何工作。 当直接注入html时, ng-include也不起作用。 /app.js 简化:原代码使用express.router() var express = require('express'); var app = express(); var path = require('path'); var ejs = require('ejs'); app.set('view engine', 'ejs'); app.set('views', path.join(__dirname, 'views')); app.use(express.static(path.join(__dirname, 'public'))); app.get('/', function(req,res,next) { res.render('index', { page: 'index' }); }); app.listen(3000,function(){ console.log('3k'); }); /views/index.ejs <!DOCTYPE html> <html lang="en" […]

用nodeJS上传文件

我在使用nodeJS和Angular上传文件时遇到了问题。 我find了解决scheme,但只有Ajax我不知道。 是否有可能没有? 用下面的代码,我得到这个错误: POST http://localhost:2000/database/sounds 413 (Payload Too Large) 码: HTML: <div class="form-group"> <label for="upload-input">This needs to be a .WAV file</label> <form enctype="multipart/form-data" action="/database/sounds" method="post"> <input type="file" class="form-control" name="uploads[]" id="upload-input" multiple="multiple"> </form> <button class="btn-primary" ng-click="uploadSound()">UPLOAD</button> </div> 使用Javascript: $scope.uploadSound = function(){ var x = document.getElementById("upload-input"); if ('files' in x) { if (x.files.length == 0) { […]