Tag: angularjs

捕获加载空白页面Angular NodeJs的所有路由

我正在使用路由(NodeJs作为后端)Angular应用程序。 通过页面路由工作正常,但是当我尝试重新加载页面时,它给“无法加载path/主页”。 我浏览过,并得到像这样的解决scheme。 我的代码是 app.get('*', function (req, res) { res.sendFile('mypath/index.html'); }); 但是这加载了空白页面。 有什么办法可以解决这个问题吗? 这个我们如何我的server.js看起来像 var express = require('express'); var app = express(); var bodyParser = require('body-parser'); var methodOverride = require('method-override'); var port = process.env.PORT || 8080; // set our port var staticdir = process.env.NODE_ENV === 'production' ? 'dist.prod' : 'dist.dev'; // get static files dir […]

使用nodejs通过名称从集合中检索对象

所以我目前正在使用MEAN堆栈进行应用程序。 我现在遇到的问题是,当打电话到API,我能够成功检索所有对象和每个对象从数据库中的ID(使用POSTMAN(铬))我已经设置使用mongoose&express路由器。 我的问题是,我可以通过它的名字检索一个对象吗? 我一直在网上search,我不确定如何实现这一点。 例如:这是我目前的Api代码。 var Dishes = require('../../app/models/dishes'); var Terms = require('../../app/models/terms'); var config = require('../../config'); module.exports = function(app,express){ // api ——————————————————————— var apiRouter = express.Router(); // middleware to use for all requests apiRouter.use(function (req, res, next) { // do logging console.log('Somebody just came to our app!'); next(); }); // Test routes to make […]

仪表板中的多个模块列表 – Yeoman MEANJS Generator

我是MEANJS的新手,有人build议我跟MEANJS一起开始kickstart应用程序。 我已经开始研究它,并试图为我的应用程序构build一个架构,但是如果我需要在交叉模块中工作,那么我会困惑一点,那就是架构是什么。 我想要的是我有2个CRUD模块文章和需要现在我想在我的仪表板(核心模块主页)上显示我的需求列表和文章列表。 请帮助我,我怎样才能沟通不同的模块。 应用程序是中等大小。 等待build议..

oauthcallback后护照会话消失

制作与Ionic,Angular,nodejs等混合应用程序 用户使用电子邮件和密码login,然后想要将第三方身份validation添加到他们的帐户。 他们被序列化进入会话。 我们使用护照进行检查,如果他们有第三方授权,如果没有发送他们这样做。 当用户回到callbackurl时,我们不知道他们是谁,因为req.session是未定义的。 编辑:我一直在试图简化代码来解决问题的路线。 // require everything and app.use them // this is what I'm using for the session config app.use(session({ secret: 'thisIsASecret', resave: false, saveUninitialized: false, cookie: {secure: true, maxAge: (4*60*60*1000)} })); var user = { // simple user model for testing id: 1, username: 'username', password: 'password', oauthId: null }; passport.serializeUser(function(user, […]

MEAN堆栈的新特性如何获取数据?

我正在为一项大学任务编程,我不知道我做错了什么,所以在这里寻找指针。 所以我试图访问数据库中的事件,并以缩略图显示。 我哪里错了? HTML代码: <div class="col-sm-6 col-md-3" ng-repeat="event in EventCtrl.events" ng-controller="EventController as EventCtrl"> <div class="thumbnail tile tile-medium"> <a href="#" data-toggle="modal" data-target="#view-event-modal"> <img id = "eventImg" src="/img/sports.png" alt="Sports"> </a> </div> angular度控制器: angular.module('EventCtrl', []).controller('EventController', function($http) { $http.get("/events") .then(function(response) { this.events = {} this.events = response.data; }); }); 节点function: app.get('/events', function(req, res){ eventData = Event.find({}).toArray(); res.render('events', eventData); });

在IpadAir中使用appium进行testing时,不能启动量angular器脚本

我有一个Angular网站,我想testing使用appium和量angular器。 我使用下面的configuration文件: exports.config = { allScriptsTimeout: 600000, seleniumAddress: 'http://0.0.0.0:4723/wd/hub', specs: [ 'testsuite/test1.js' ], capabilities: { browserName: 'safari', 'appium-version': '1.4.13', platformName: 'iOS', platformVersion: '9.3', deviceName: 'iPad Air' }, chromeOnly: false, frameworks:[ 'mocha', 'chai' ], mochaOpts: { defaultTimeoutInterval:1000000 } }; test1.js包含我的testing脚本,由apposlogging器通过choosig Node.js选项生成: "use strict"; var wd = require("wd"); var chai = require("chai"); var chaiAsPromised = require("chai-as-promised"); chai.use(chaiAsPromised); […]

angular 2和express 4组合在一个node.js服务器下

目前我的testing应用程序是这样configuration的。 WebAPI负责 从客户端应用程序请求 与MongoDB进行通信 发送回应。 它使用Node.js作为Web服务器,表示4作为后端路由框架。 ClientApp是基于Angular2的前端应用程序,并且使用另一个Node.js实例作为Web服务器,而不使用Express 4.它不使用Express,因为没有必要。 所有的客户端路由都是由Angular2完成的。 所以我有两个“后端”Node.js服务器,一个用于WebAPI,另一个用于ClientApp。 以上工作正常。 我的问题是 将两个应用程序(WebAPI和ClientApp)合并到一个Node.js服务器中是否很常见? 如果是的话,Express路由URI和Angular2路由器的URI会互相混淆吗? 如果是有什么优点和缺点? 如果是,那么常见的文件夹结构是什么样的? PROJ根 |–routes folder (for express) |–views folder (for express, actually there is no view for WebAPI) |–models folder (for WebAPI with mongoose) |–services folder (for WebAPI) |–app folder (for Anglar2 components) |– views folder (for Angular2 html views) |–node_modules […]

如何将查询string附加到Angular ui-router中的URL

我对AngularJS很新颖。 我使用ui-router和node.js作为我的UI服务器来调用另一台服务器的API。 现在,我无法将查询string附加到URL,具体取决于用户input(下拉select)。 我的AngularJS控制器代码: $scope.getResults = function() { server.getResults($scope.myColor, $scope.mySize) .success(function(data) { results = data; }); }; 以上function的AngularJS服务: app.factory('server', ['$http', function($http){ return { getResults : function(color, size) { var req = {}; req.color = color; req.size = size; return $http({ method: 'GET', url: 'results', params : req }); } } }]); ui路由器在Angular中: $stateProvider.state('home', { url: […]

我怎样才能返回对应于node.js中的URL请求的XML文件?

我有一个像www.xxx.com/get-xml-content的URL。 我想发送一个XML文件作为对这个URL请求的响应。 <?xml version="1.0" encoding="UTF-8"?> <response> <playtext>I lov u</playtext> </response> 我创build的XML将如上所示。 我想发送这个XML作为对给定URL的响应。 怎么可能在Node.js中?

在节点js中是否有类似$ $ watch的东西

我是networking服务的新手,我的知识在节点j中并不是很深,所以如果问题不正确,我就提前道歉。 我的问题是我有我的angular度节点js应用程序中的两个function。 第一个function,上传文件到服务器上的公用文件夹 var storage = multer.diskStorage({ //multers disk storage settings destination: function (req, file, cb) { cb(null, './demo/'); }, filename: function (req, file, cb) { //var datetimestamp = Date.now(); cb(null, file.originalname //file.fieldname + '-' + datetimestamp + '.' + file.originalname.split('.')[file.originalname.split('.').length -1] ); } }); var upload = multer({ //multer settings storage: storage }).single('file'); /** […]