Tag: angularjs

使用Angular.js和Node.js构build实时应用程序的更好方法是什么?

我是Angular.js和Node.js的初学者,但是我意识到有两种可能的方法来实现实时应用程序。 第一个是使用Socket.io,另一个是使用带有setInterval()函数的RESTful作为客户端解决scheme。 我使用两种替代方法构build了我的应用程序,但是我不知道为什么使用一个而不是另一个更好。 我的控制器使用Angular.js(Socket.io替代): function MyController($scope, socket) { socket.on('test', function(data){ $scope.data = data; console.log($scope.data); }); } 我的控制器使用Angular.js(RESTful替代): function MyController($scope, $http) { setInterval(function() { $http.get('/test.json') .success(function(data, status, headers, config) { $scope.data = data; console.log($scope.data); }); }, 1000); } 这些做事方式之间的区别是什么? 提前致谢!

“EMALFORMED无法读取bower.json”“意外的令牌/”

我相当新意味着堆栈,我正在尝试使用凉亭拉一些组件。 我有我的.bowerrc文件,它提供了安装的path。 //.bowerrc { "directory": "public/libs" } 我有我的bower.json文件,看起来像这样: // bower.json { "name": "starter-node-angular", "version": "1.0.0", "dependencies": { "bootstrap": "latest", "font-awesome": "latest", "animate.css": "latest", "angular": "latest", "angular-route": "latest" } } 当我安装凉亭,我没有任何问题,甚至打击search工作完美。 当我运行命令时: bower install 我收到以下消息: Failed to read + path\bower.json Unexpected token / 我在尝试时收到相同的消息: bower install jquery 我试图改变文件的编码和使用JSON在线validation工具。 有任何想法吗??

渲染只需一个模块/状态的Angular应用程序

我有很多states and modules etc等angular应用程序。 现在,我想发送一个链接给用户。 当用户点击这个url ,我想redirect到一个新的标签,只显示特定的状态(在URL中指定),即我不想让其他任何东西对用户可见。 或者你可以说,我想打开一个popup window ,在popup window呈现该特定状态的html。 这是我想到的解决办法。 PS。 在后端有Rest API,通过angular度resource服务调用绑定数据与视图的model 选项 我已经在后端rest了API,所以我想开发独立的Nodejs应用程序,并且将发送nodejs应用程序url给用户,并且在default/home route我将调用后端API,返回的结果集将会是在nodeJs应用程序中的html文件中呈现,这样,我会将相应的数据呈现给用户的浏览器窗口。 这是这个stream程 我不知道这是对的还是巧妙的做法。 请给我build议什么是最好的方法来整理。 提前致谢。 这是我的应用程序的样子 在左侧的所有东西都是一个module ,然后点击这个module ,我将路由到一个不同的state 。 我在这个项目中使用了angular-material和其他很多的依赖项。 这就是我想要的。 我会把一个链接指向用户,例如www.myapp.com/specificpage.html 。 点击这个url ,一个新的tab/popup将打开渲染状态定义在同一个应用程序,但有一些non-editable url 。 它应该喜欢。

Angular JS + Node JS + Passport + Spring OAuth2authentication/授权

我是PassportJS和AngularJS的新手,我对如何继续这个授权有疑问。 我有Spring REST API由Oauth2保护,但是我必须像这样发送用户凭证: [http://localhost:8080/myapp/oauth/token] grant_type=password&username=email&password=password&client_id=09e749d8309f4044&client_secret=189309492722aa5a&scope=read 在客户端我的应用程序我使用护照,我想授权/authentication我的用户,我怎样才能为此创build一个战略? 我将在这里发送我的服务器configuration和我的安全库。 Server.js var fs = require('fs'); var http = require('http'); var https = require('https'); var privateKey = fs.readFileSync(__dirname + '/cert/privatekey.pem').toString(); var certificate = fs.readFileSync(__dirname + '/cert/certificate.pem').toString(); var credentials = {key: privateKey, cert: certificate}; var express = require('express'); var config = require('./config.js'); var passport = require('passport'); var security = […]

Grunt连接任务和中间件Access-Control-Allow-Origin

我想允许访问跨源数据调用,我需要能够执行其余的API调用到服务器。 我的连接grunt任务configuration如下: connect: { options: { port: 9000, // Change this to '0.0.0.0' to access the server from outside. hostname: 'localhost', livereload: 35729, middleware: function(connect, options, next) { return [ function(req, res, next) { res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.setHeader('Access-Control-Allow-Headers', 'Content-Type'); next(); } ]; } }, }, 当我运行grunt服务器时,我得到Cannot GET / 。 没有中间件configuration的应用程序正在工作,并索引文件正确加载。 你能指导我做什么我错了或错过了吗? 关于我的gruntfile的更多细节是,我使用yeomanangular种子应用程序作为我的基础应用程序。

在JSON响应上重复块

我已经有了一个相当标准的MEAN项目设置,使用yeoman的angular-fullstack生成器。 我发现,当获取大于65536字节的json结果时,它使用gzip和chunked进行编码,但返回的json无效,无论是在chrome中还是由我的angular度客户端$资源使用,因为它包含TWO答复! 例如[{..},{..}][{..},{..}]对于一个数组[{..},{..}][{..},{..}] {name:'hi'}{name:'hi'}对于一个单一的id或[{..},{..}][{..},{..}] 。 服务器API端点是从angular-fullstack生成器自动生成的,如下所示: // Get list of worlds exports.index = function(req, res) { World.find(function (err, worlds) { if(err) { return handleError(res, err); } res.json(200, worlds); }); }; 如果我切片的数据,所以它不分块,那么JSON格式良好。 我已经检查了mongo数据库,数据也没有问题,debuggingworldsvariables,我可以JSON.stringify并得到预期的string结果没有任何重复。 但是发送的那一刻,我得到了json响应结果的两倍。 更新评论 angular-fullstack 2.0.4 该模式如下所示: 'use strict'; var mongoose = require('mongoose'), Schema = mongoose.Schema; var WorldSchema = new Schema({ name: String, info: String, […]

构build工具:包含多个组件的Coffeescript / Node项目

我正在开始一个项目,想知道最好的构build工具是什么。 整个事情是用CoffeeScript编写的,使用AngularJS作为客户端,使用NodeJS作为服务器。 应用程序有几个组件: 一个iPad应用程序 一个iPhone应用程序(与iPad不同的function) 一个CMS的应用程序 一个NodeJS服务器 所有这些代码之间都有大量的共享代码,全部用CoffeeScript编写。 我想要一个构build工具,在那里我可以列出哪个应用程序使用什么代码(大部分共享),并将每个应用程序的JavaScript文件构build到一个单独的文件夹。 例如,我将设置一个名为“/ compiled / ipad /”的文件夹,其中包含index.html,以及js,css,img等的文件夹。我将列出要编译的咖啡文件放入/ compiled / ipad / js (其中一些来自/src/shared/*.coffee,其中一些来自/src/ipad/*.coffee等)以及我想将哪些文件引入/ compiled / ipad / css。 我希望它能够轻松地连接文件,我也想要。 它也会编译我的testing,从/ src / test / ipad到/compiled/test/ipad/*.js。 我所有的客户端unit testing都是使用单线testing编写的,而且我不确定我会写什么服务器端unit testing。 什么构build工具/configuration是最好的方法在这里? 一个Makefile? 像Grunt的东西? 我真的是新来的整个build设现场。 编辑 :决定去Browserify。 您可以在这里find我的解决scheme使其与Angular协同工作: https : //groups.google.com/forum/#!topic/ angular/ ytoVaikOcCs

使用Express / Node.js和Angular处理已取消的请求

当挂起的HTTP请求被客户端/浏览器取消时,似乎Node with Express继续处理请求。 对于密集的请求,CPU仍然忙于不必要的请求。 有没有办法要求Node.js / Express杀死/停止这些请求被取消的挂起请求? 由于AngularJS 1.5 HTTP请求可以通过在$http / $resource对象上调用$cancelRequest()来轻松取消 ,因此变得特别有用。 当暴露提供自动完成或search字段结果的API方法时,可能会发生这样的取消:当在字段中键入要自动完成或键入的时候,以前的请求可以被取消。 一个全局的server.timeout并不能解决这个问题:1)对于所有暴露的API方法来说,这是一个先验的全局设置。2)在取消的请求中正在进行的处理不会被终止。

主办Angular 2应用程序

我是Angular 2新手,我知道像GoDaddy这样的共享主机上的主机Angular 1.x ,但我不知道如何发布Angular 2应用程序,例如我有这个结构文件夹: angular2-quickstart –app app.component.ts main.ts –node_modules –typings index.html package.json styles.css systemjs.config.js tsconfig.json typings.json 什么文件我需要上传到FTP? 我什么也没做,因为我不知道该怎么做 提前致谢!

开始使用Node.js,angular.js和MongoDB,build模关系和其他斜坡提示

我来自Java和关系世界,试图弄湿我的脚。 我正在使用的应用程序是一个约会调度系统,在后台使用node.js和MOngo,客户端在angular.js中。 我想了解几个可能是我的Java偏见残余的关键概念。 任何帮助指向相关的片段,教程是赞赏。 1)如何pipe理Mongo / Node中的预约,客户和服务代表之间的关系? 约会对象是否被创build并且存储在约会中的用户标识的引用? 用户是否需要参考预约列表? 2)用户authn / authz,因为节点正在作为宁静的服务提供商如何创build基于angular色的控制? 例如,当用户注册为服务代表时,他应该被批准。 有一个模块可以帮助吗? 3)任何通用模块,用户报名等报告? 4)人们如何pipe理客户端MVC的权限? 任何指针,不胜感激。