Tag: angularjs

使用Node.JS作为REST服务器和Web服务器

我正在用Angular.js和Node.js写一个应用程序。 有一个用HTML和Angular.js编写的客户端应用程序 ,需要像Apache这样的Web服务器才能联机。 在Node.js中还有一个服务器端REST webservice ,它build立在restify (但我不在乎使用哪个REST API,我可以使用另一个REST API)。 我可以使用REST Web服务的Node.js服务器和服务客户​​端Web应用的另一个Node.js服务器来完成整个工作。 但我想只有一个Node.js服务器运行 ,在一个URL /端口(以防止跨域AJAX请求)。 我怎么能这样做?

Angular.js教程使用Node.js webserver

我正在尝试通过Angular.js Tutrorial_00 ,似乎无法find如何让node.js web服务器运行演示程序? 有没有人做过这个教程或知道如何正确使用这一步让服务器工作? 对于node.js用户:在单独的terminal选项卡或窗口中,运行node scripts\web-server.js以启动Web服务器。 打开浏览器窗口 为应用程序并导航到http://localhost:8000/app/index.html 会发生什么是我在node.js中运行第1步,然后输出“…”,我assum意味着它正在侦听。 然后,当我到达第2步时,我在浏览器中input“Oops!Google Chrome无法连接到”。

如何在Leaflet.js中使用Angular JS

我正在使用Node.JS / Leaflet.js在仪表板上工作。 几周前我开始学习Angular js。 但是我在我的项目中处于中等位置。 我正在build立一个交互式的地图仪表板,使用: Node.JS / Express.js在后端处理数据 Leaflet.js做地图可视化 其他类似d3.js的库 现在,我正在试图添加小部件到我的仪表板,在那里我点击点并使用Node.js从数据库获取与每个点有关的信息。 我想简化我的问题,并考虑这个例子。 HTTP:jsfiddle.net/8QHFe/128/ 当我将鼠标hover在形状上时,我会看到与地图上每个多边形/点相关的图表。 我很困惑! 我的问题是: 我是否应该重新创build应用程序来将Leafletembedded到Angular Js代码中,如此示例链接或使用angular leaflet指令 。 它读取它不是一个稳定的图书馆呢。 在这种情况下使用Angular.js是否是最好的select?

AngularJS和ExpressJS会话pipe理?

我想保持整个页面的会话。 对于这个项目,我使用expresJs,nodeJS作为服务器端。 AngularJS在前端。 我不确定,当查看更改或URL更改时如何处理会话。 因为我需要照顾expresJS路由器或者angularJs路由器 。 请让我知道,我应该遵循什么方法。 angularJS路由器 myApp.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/welcome', {templateUrl: 'partials/welcome.html', controller: 'MyCtrl2'}); $routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: 'MyCtrl2'}); $routeProvider.when('/signup', {templateUrl: 'partials/signup.html', controller: 'singupController'}); $routeProvider.otherwise({redirectTo: '/'}); }]); 注册控制器 myApp.controller('singupController',function($scope,$rootScope,$http){ $scope.doSingnup = function() { var formData = { 'username' : this.username, 'password' : this.password, 'email' : null }; var jdata = JSON.stringify(formData); $http({method:'POST',url:'/signup',data:jdata}) .success(function(data,status,headers,config){ […]

从git checkout构buildyeoman项目

从git构buildyeoman项目结账时遇到问题。 我试图把yeoman项目的git checkout和运行grunt服务 。 以下是错误描述的情况 场景描述: Person1使用yoangular度创build了yeoman angularjs项目。 grunt serve在Person1的电脑上工作正常。 Person1将代码推送到git,以便其他团队成员可以在其上工作。 Person2接受git( git clone <URL> )的签出时会发生问题。 检出副本中的grunt serve命令会导致以下错误: $ grunt serve grunt-cli: The grunt command line interface. (v0.1.13) Fatal error: Unable to find local grunt. If you're seeing this message, either a Gruntfile wasn't found or grunt hasn't been installed locally to your project. For […]

NODE和CMS与angularjs:他们如何合作

我正在考虑用MEAN堆栈做些什么。 我需要一种方法来编辑网站的内容,如WordPress的提供(基本上是一个CMS)。 令人困惑的是CMS和Angular如何协同工作。 我看了一个名为Keystone的CMS,在那里你必须在Node中设置一些路由等。 这会不会与您在Angluar中设置的路由崩溃? 在我使用的其他CMS中,视图的创build发生在服务器端。 在Angular中,就我所知,您创build了一个HTML模板,您可以在angular度控制器中填充数据。 这也看起来像CMSs和Angular之间可能会崩溃。 这是这种情况吗? 对于我应该了解的angular度和内容pipe理系统还有什么其他的怪癖或者类似的问题吗?

鲍尔呼叫由公司代理封锁,然后在更新.bowerrc时出现错误

我试图通过npm安装bower来设置angular度种子项目,但是遇到了由我的公司代理引起的错误。 retry Request to https://bower.herokuapp.com/packages/angular failed with ECONNRESET, retrying in 1.2s bower retry Request to https://bower.herokuapp.com/packages/angular-route failed with ECONNRESET, retrying in 1.4s bower retry Request to https://bower.herokuapp.com/packages/angular-loader failed with ECONNRESET, retrying in 1.9s bower retry Request to https://bower.herokuapp.com/packages/angular-mocks failed with ECONNRESET, retrying in 1.3s bower retry Request to https://bower.herokuapp.com/packages/html5-boilerplate failed with ECONNRESET, retrying in 1.8s […]

如何使用package.json中的“version”属性作为grunt中的应用程序目录?

我正在用angularjspipe理一个项目,使用默认的目录结构,不包括使用版本控制的app目录(例如“app / 0.0.0 /”,“app / 0.1.0 /”等等)。 我试图使用grunt的package.json文件的“版本”属性来加载正确的目录,所以我将不必手动更改gruntfile.js中的应用程序path,但由于某种原因,我不断得到“无法GET /”,当我运行“grunt服务器”。 为了更好地解释这一点,下面是我的gruntfile.js的示例: var yeomanConfig = { app: 'app/<% pkg.version %>/', dist: 'dist' … grunt.initConfig({ yeoman: yeomanConfig, pkg: grunt.file.readJSON('package.json'), … 如果我手动将应用程序属性更改为“app / 0.0.0”,它就像一个魅力,所以我猜这是与模板有关。 有任何想法吗? 非常感谢你的帮助。 编辑:感谢您的更正安德烈亚斯和Matjaz,但这并没有解决问题,并给出了同样的错误…这解决了我的问题,但没有模板系统: var pkgVersion = grunt.file.readJSON('package.json').version; // configurable paths var yeomanConfig = { app: 'app/'+pkgVersion, dist: 'dist' }; 这是相当丑陋的,但它的作品。 希望得到一个合适的解决scheme。

错误:在遵循angularjs官方教程的同时找不到chromedriver

起初我必须说这是我第一次接触angularjs和node.js,所以这可能是一个愚蠢的问题,但我想学习使用angularjs,所以我按照这个教程https://docs.angularjs.org/教程和一切都如预期,直到我跑到端到端testing部分。 当我运行这个命令时: npm run update-webdriver 它说: selenium standalone is up to date. chromedriver is up to date. 然后我打开本地服务器: npm start 而它的运行,我运行testing: npm run protractor 在我的terminal结果如下:o 直接使用ChromeDriver … [启动]错误:找不到在/ home / qw / www /angular-phonecat/node_modules/protractor/selenium/chromedriver.exe的chromedriver 钍文件chromedriver.exe真的不存在(有chromedriver_2.10.zip),我真的不认为一个.exe文件应该在那里,考虑使用Ubuntu的14.04(本教程是angular的版本是1.4.0)。 这是一个Windows版本的tuto吗? 任何人都可以帮助我(初学者可以理解:))?

量angular器E2E – 你如何pipe理数据库?

我目前正在学习Node + Angular堆栈,并使用Karma和Protractor进行testing。 我目前很难弄清楚如何处理创build和编辑数据的E2Etesting,以及是否需要加载预期的数据。 search谷歌变成了很多不同的自定义方法。 我经常读到“你应该build立你的数据”或“只是创build一个模拟”,而不用在一个普通的过程中进行更多的细节。 其他人从头开始创build一个全新的模拟模块,花费太多。 我只想知道人们目前是怎么做的,这是否有一个标准呢? 还是人们倾向于嘲笑后端? 嘲笑后端似乎不像Karma,因为你在浏览器范围内简单。 我正如预期的那样使用MongoDB,所以在这种情况下如何获得其他方面的信息是很好的。 特别是通过量angular器来自动装载夹具和清理数据库会很好。