Articles of angularjs

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器来自动装载夹具和清理数据库会很好。

无法在Node.js res.body中获取$ http.post请求数据

我正在使用Angular 1.3和node.js 0.12.2作为一个项目。 我正在使用node.js api $http.post("url", request_data){} 在服务器端使用这个: console.log(req.body) 但每次调用api时,都会得到request_data空对象,无法得到问题所在。 我已经使用body_parser像这样: var bodyParser = require('body-parser'); app.use(bodyParser.json()); // support json encoded bodies app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies 也尝试添加angular度$ http中的内容types标题为: headers : {'Content-Type': 'applicatio n/x-www-form-urlencoded'} 但没有得到请求数据。 编辑: Node.js代码: router.post('/url',function(req,res){ console.log(req.body) }) 注意:开发工具的networking选项卡显示的数据,我正在发送,请求标头正确,但node.js服务器不在req.body接收。 在POSTMAN获取数据是正确的响应。

Node.js CORS会话cookie与Angular.js

我使用CORS和Angular.js使用Node.js进行简单的login。 也就是— client.example.com也发布POST api.example.com/login成功的一个会话cookie也返回client.example.com并且也可以访问GET服务,比如api.example.com/secret由会话cookie保护的api.example.com/secret 。 使不受会话cookie保护的GET请求不成问题。 最终,这里的目标是将一个客户端应用程序authentication为REST api,即使上面的约定不可行,也可以使用CORS与本地策略(即用户名和密码)进行validation。 我无法从任何地方find一种有用的学习方法—指引我走向正确的方向? 奖金:显示一个工作示例。

我可以在没有Bower或NPM的情况下安装Angular Material Library吗?

我想在一个项目中安装Angular Material库,但是我在公司的防火墙后面,甚至configuration代理都不起作用,似乎代理阻塞了某些types的文件。 有没有办法来离线安装​​? 仅供参考这是我的BundleConfig bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/font-awesome.min.css", "~/Scripts/angular-loading/loading-bar.css", "~/Scripts/nya-bs-select/nya-bs-select.min.css", "~/Content/angular-ui-switch.css", "~/Content/site.css")); bundles.Add(new ScriptBundle("~/bundles/angular") .Include("~/Scripts/angular.js", "~/Scripts/angular-route.js", "~/Scripts/angular-ui/ui-bootstrap-tpls.js", "~/Scripts/AngularApp/app.js") .IncludeDirectory("~/app", "*.js", true) .Include("~/Scripts/smart-table/smart-table.js", "~/Scripts/angular-loading/loading-bar.js", "~/Scripts/nya-bs-select/nya-bs-select.min.js", "~/Scripts/moment.js"));