Tag: angularjs

Node.js从服务器渲染大量的JSON数据

我有一个视图有一个for循环插入行到表。 桌子很大,已经有几千行了。 当我运行它时,服务器抛出内存exception。 我想添加一个无限的滚动function,所以我不会一次加载所有的数据。 现在数据正在用常规的res.render(index.ejs, data) ( data是JSON) 我可以找出无限的滚动部分,但是如何从服务器获取块的JSON数据? 我用express和ejs作为模板引擎使用node.js。 我愿意使用任何框架来帮助我完成整个过程(尤其是检查Angualr.js)。 谢谢

如何创build一个基于Node JS,MongoDB,Sails JS的dynamic前端

基本上我正在编写一个应用程序,并在后端使用Sails,MongoDB和Node JS。 我将使用Sail的APIfunction,并想知道什么是实时制作应用程序的最佳方式。 例如,我可以使用AJAX来调用API并使用jQuery来操纵DOM,并通过$.post更新数据库,然后让模型更新后端数据库,但是我发现这种方法非常麻烦。 更何况我可以看到一段时间后代码可能变得很难维护。 我一直在做一些研究,如果我的理解正确 – 似乎我可以使用Backbone,Angular或Knockout来处理前端的数据/ DOM,但是我不确定在我的最佳方法是什么也不论这些案例是否确实适合我的需要: 能够dynamic获取数据 当用户与页面交互时,dynamic更新数据和DOM 尽可能dynamic地发布更新后的数据,或在后端尽可能less地进行数据转换 所有上述asynchronous 由于我不希望这个问题成为关于哪个图书馆是最好的激烈辩论,所以我只想知道上述任何一个图书馆是否可以做我所需要的,哪一个最简单/最简单/哪一个学习曲线更轻。

为Node.js服务器+ SPA javascript框架设置自动化BDDtesting环境的简单方法?

这是我的项目的设置: 前端:Angular.js / Backbone.js SPA应用程序 后端:Node.js + NoSQL数据库作为后端 testing: 已经有Karma成立SPAtesting(模拟JSON响应) 已经为Node.js设置了Mocha,并为testing数据库设置和拆卸提供了一个独立的“testing”环境 现在,当我尝试设置集成BDDtesting(即启动节点服务器,启动浏览器并在浏览器内部运行SPAtesting,实际JSON调用到后端)时,问题就出现了。 经过一番search,我找不到一个简单明了的解决scheme,所以我想我会在这里问,所以处于类似情况的其他人也可以从中得到答案。 谢谢!

在expressjs中parsingurl参数 – angularjs应用程序

在expressjs和AngularJs项目中遇到了路由问题。 这不是一个单一的页面应用程序,我不使用任何视图引擎,如玉。 我们只是使用纯HTML。 我正在使用密码重置function,用户可以通过单击电子邮件提供的链接重置密码。 所以我认为在Angular中不会有任何路线变化事件(如果我错了,请纠正我)。 我的明确configuration如下。 routes = require('./routes/index'); app.configure(function () { app.use(express.static(__dirname + '/app')); app.use('/css', express.static(__dirname + '/app/css')); app.set('views', __dirname + '/app'); app.set("view options", { layout: false }); app.engine('.html', require('ejs').__express); app.set('view engine', 'html'); app.use(express.favicon()); //app.use(require('connect').bodyParser()); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); }); // Routes app.get('/', routes.index); app.get('/resetpassword.html/:resetcode', function (req, res) { console.log("reset code: " + req.params.resetcode); res.render('resetpassword.html/' […]

将Web服务隐藏到NodeJS中的外行用户

我有一个PEAN (Postgre, Express, Angular, NodeJS) Stack应用程序。 Web服务使用 节点和快车 使用工厂方法在AngularJS service.js使用。 现在,例如,当我点击部署在Heroku帐户上的URL,如xyz.herokuapp.com/getXYZ,那么我实际上可以看到浏览器上的所有JSON数据。 无论如何,我可以在外行打url和向他提供什么数据之间加上一层,或者它是如何工作的。 感谢所有的回应。 我已经使用OAuth npm软件包进行了检查,但是它提供了基本的会话pipe理function,有什么具体的东西可以满足我的目的吗?

使用MEAN +护照更改基于用户angular色的视图

我正在使用MEAN堆栈和PassportJS设置一个authenticationscheme,通过一个OpenID提供者来authentication一个用户。 当用户未通过身份validation时,我会显示一个将用户redirect到OpenID提供程序的链接。 validation后,我想用“Welcome {user}”的行代替链接。 目前,我能够执行身份validation并存储返回的标识符,如下所示: passport.serializeUser(function(user, done) { done(null, user.identifier); }); passport.deserializeUser(function(id, done) { User.findByIdAndUpdate(id, {}, { upsert: true }, function(err, user) { done(err, user); }); }); (我是否正确地执行序列化和反序列化函数?) 由此,用户标识被存储为一个cookie,也被作为数据库中的一个键。 现在在我的客户端代码中,根据用户是否经过身份validation,更改视图(login – >欢迎文本)的最佳方式是什么?

在jquery.load页面中使用angularjs

我正在编写一个Web应用程序来适应多设备应用程序。 我已经使用nodejs,socket.io和express来构build框架来处理视图的分布。 框架提供了一个基本的布局,控制视图和组的变化,实际的内容使用jQuery .load调用加载到div元素中。 在我的testing应用程序中,我尝试使用AngularJS实现MVCtypes的体系结构,但Angular无法加载,并且在从.load函数加载时无法工作。 我已经在这里search论坛,谷歌search了很多,而我发现的唯一的其他post是这样的: https ://groups.google.com/forum/#!msg/angular/LufmNlNSxBM/c6rR7Ao1PPgJ 然而,我试图避免我的框架和Angular之间的耦合,有没有人知道一种方式来获取angular加载时,使用jQuery的.load方法加载? (我很抱歉,如果这个问题不符合SO规则,这是我的第一篇文章。如果有什么不明确的地方,或者需要改变,我会这样做) 编辑: Require.js解决了这个问题,这里是我的解决scheme和代码: (main.js)用于configurationrequire和添加依赖项(这可以扩展为包含所有需要的依赖项,我只是使用最小的来获得它加载和运行的angular度 require.config({ paths: { angular: 'lib/angular/angular.min', jquery: 'lib/jquery-1.11.0.min', app: 'app', }, shim: { angular: { deps: ['jquery'], exports: 'angular' }, } }); 然后我创build了一个包含在我dynamic加载的页面内的脚本,如下所示:(loadAngular.js) require([ 'angular', 'app' // 'services/services', // 'controllers/controllers', // 'directives/directives' ], function(angular) { angular.bootstrap(document, ['MyApp']); }); 最终,注释行将被使用,并取消注释。 最后,这是我加载到页面上的代码,它只是使用ng-model,并在文本框中显示数字。 这纯粹用于testing目的。 (的test.html) <div […]

Socket.io限制用户数量

我正在尝试将基于聊天室的应用程序放在一起,每个房间只能有2人在房间里。 还需要记住用户进入房间的顺序。 在一个聊天室types的套接字示例中扩展,但允许使用“房间”来配对,然后可以玩“随机游戏”,这里是房间的“大厅”或“创build房间”,每个房间都会或者是1人或2人(和全部)。 我似乎无法弄清楚的是如何限制连接到socket.io的房间的人数? 有可能的?

在“module”全局variables上运行grunt-typescript时,angular-mock和node.js发生冲突

我正在使用grunt -criptcript,它正在编译我所有的* .ts文件。 我使用angular-mocks.d.ts和node.d.ts,但是我在我的实际ts文件中分别引用它们。 我只使用angular度嘲笑茉莉花testing,我在我的server.ts文件中使用节点。 我遇到的问题是,即使它们被单独引用,当它们在grunt-typescript中编译时,它似乎将它们倾倒在一起,使得它们的两个不同的“模块”定义最终冲突。 如果我使用tsc(它引用node.d.ts)自己构build我的server.ts文件,它会生成。 这两个应该永远不会重合,所以对我来说不是一个真正的冲突,除了它正在成为一个grunt-typescript,它似乎将所有* .d.ts文件转储到一起,因为它正在编译。 我认为这是因为它是一起构build我所有的* .ts文件,因此最终将* .d.ts文件一起放入一个公共空间。 我得到的错误: c:/node/bills/typings/node/node.d.ts(37,13):错误TS2134:随后的variables声明必须具有相同的types。 variables'module'必须是'(… modules:any [])=> any'types,但是这里的types是'{exports:any; require(id:string):any; id:string; 文件名:string; loaded:boolean; 父母:任何; 儿童:任何[]; }”。 angular-mocks.d.ts “模块”定义: declare var module: (…modules: any[]) => any; node.d.ts “模块”定义: declare var module: { exports: any; require(id: string): any; id: string; filename: string; loaded: boolean; parent: any; children: any[]; […]

angularJS http GET参数在服务器上未定义

我在我的controller.js文件中有这块代码 $http({ method: 'GET', url: '/getGuestList', params: {exhibitorID: 1} }) 基本上,应该让所有参展商ID为1的参展商的客人。 在服务器端,我已经尝试loggingreq.body.params和req.body.exhibitorID但他们都没有定义。 我只是熟悉angularjs,我不知道我错过了什么。 您的帮助将非常感激。