Tag: angularjs

我如何使用LiveReload与AngularJS templateURL: 如何使用LiveReload和Grunt保存templateURL以重新加载？ angular.module('meshApp', [ 'ngSanitize', 'ngRoute' ]) .config(function ($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }) .otherwise({ redirectTo: '/' }); }); 我有一个玉文件views / main.jade，当我保存处理到.tmp / views / main.html，目前这个工程，我可以看到模板，但是当我保存LiveReload无法重新加载页面。有什么办法可以让它起作用吗？另外这里是一个链接到我的GruntFile incase它帮助： http : //jsfiddle.net/daimz/Te5Xc/

量angular器在PhantomJS上运行testing: 我似乎无法成功通过testingPhantomJS。我试图将其整合到我的项目中，但之后失败了，我试图运行基本的Angular Docs样本，并得到同样的问题。我到目前为止的步骤： npm install -g phantomjs phantomjs –webdriver=9515 // … GhostDriver – Main – 在端口9515上运行 protractor protractorConf.js 这是与仅有browserName和seleniumAddress端口更改相同的文件： // An example configuration file. exports.config = { // The address of a running selenium server. seleniumAddress: 'http://localhost:9515', // Capabilities to be passed to the webdriver instance. capabilities: { 'browserName': 'phantomjs' }, // Spec patterns […]

Angular资源如何保持ajax头文件并同时启用cors: 在我的ng资源文件中，我启用了ajax头文件： var app = angular.module('custom_resource', ['ngResource']) app.config(['$httpProvider', function($httpProvider) { //enable XMLHttpRequest, to indicate it's ajax request //Note: this disables CORS $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest'; }]) app.factory('Article', ['$resource', function($resource) { return $resource('/article/api/:articleId', {articleId: '@_id'}, { update: {method: 'PUT'}, query: {method: 'GET', isArray: true} }) }]) 因此，我可以分开ajax和非ajax请求和响应（发送像res.json(data) json数据，或发送像res.render('a.html')整个HTML页面例如，在我的error handling程序中，我需要决定渲染error.html页面或仅发送错误消息： exports.finalHandler = function(err, req, res, next) { res.status(err.status […]

更新到Angular 2后，无法通过Firefox上的Protractor运行Selenium: 在将Angular JS 1.4.x更新为Angular 2之后，Seleniumtesting无法通过Firefox上的grunt-protractor-runner运行。一旦AngularJS被加载，出现以下错误： D:\…\node_modules\grunt-protractor-runner\node_modules\protractor\node_modules\selenium-webdriver\lib\atoms\error.js:108 var template = new Error(this.message); ^ UnknownError: Permission denied to access property "toString" Build info: version: '2.48.2', revision: '41bccdd', time: '2015-10-09 19:59:12' System info: host: 'NAGWS72', ip: '192.168.210.23', os.name: 'Windows 7', os.arch: 'x86', os.version: '6.1', java.version: '1.7.0_79' Driver info: driver.version: unknown at new bot.Error (D:\…\node_modules\grunt-protractor-runner\node_modules\protractor\node_modules\selenium-webdriver\lib\atoms\error.js:108:18) at Object.bot.response.checkResponse (D:\…\node_modules\grunt-protractor-runner\node_modules\protractor\node_modules\selenium-webdriver\lib\atoms\response.js:109:9) […]

如何模块化AngularJS应用程序/插件: 我有一些关于从Grails（REST-API，AngularJS，MongoDB，Tomcat，Spock，几个插件的一部分）到Node.js + Angular.js的迁移（软件）架构问题。我可能不得不解释一下Grails项目的结构，所以我们来看看：有一个主要的Grails应用程序（在几个其他应用程序旁边），它build立在几个插件上。每个插件都可以自行执行 – 这意味着它有自己的用户界面，单独的模板，服务，控制器，路由，testing等。它也托pipe在不同的存储库。这是由Grails插件机制完成的。其优点是testing工作量less，编译时间less，模块化，单一职责等。但是，编译和testing的时间太昂贵了。另外我不喜欢API提供模板/视图的一部分的事实。我希望后端API“只是作为后端API”，而前端“只是作为前端”。因此，每个AngularJS应用程序/插件将提供自己的视图，路线，服务等，但他们也可能依赖于其他插件。所以我想达到如下：一个主要的AngularJS应用程序，其中包括几个插件（一个插件可以像报告生成器，留言簿或任何其他应用程序的一个独立的部分，无论是与特定的路线，或只是一小部分的页面）。每个插件必须是一个独立的AngularJS应用程序（可能在开发过程中通过grunt或其他）执行。所以UI开发人员不需要启动整个后端应用程序，进一步说，我们可以只用JavaScript来运行functiontesting 只通过REST进行通信，前端必须从API中检索所有的数据每个插件必须自行testing 插件可能需要其他插件才能工作主要的index.html（和app.js？）可能由Nginx服务器提供，该服务器与后端（API）的其余部分分离，尽pipe我头脑中有一个特定的图像，但我正在为如何设置这个架构而苦苦挣扎。在Grails中，插件机制以某种方式合并插件依赖的设置（如URL映射，依赖关系等）到它们被包含/注入的主应用程序 – 这也是我想要用AngularJS实现的。所以： AngularJS有一些相同的机制吗？我该如何将每个插件的路由提供/合并到主应用程序中？我怎样才能声明应用程序和插件的依赖？什么工具可能是有用的构build过程？如何build立插件资源（css / less文件，视图，服务等）的懒惰恢复？阻止应用程序在启动时提供插件的所有资源（我猜路线在启动时是必需的）由于这不仅仅是一个如何做这个或那个问题，我原谅自己，如果我失去了重要的部分，或者如果一些部分不够清楚。只要问我，我会深入回答每个问题。

即使login后，NodeJs Passport isAuthenticated（）也会返回false: 我是新来的angularJs，并尝试build立一个网站的本地身份validation。我已经通过各种来源，这个https://vickev.com/#!/article/authentication-in-single-page-applications-node-js-passportjs-angularjs是非常有帮助的。当我尝试在我的本地主机build立相同的代码进入一个循环。 app.post（'/ login'，…..）正在返回用户的响应，但在此之后加载pipe理页面，它正在检查用户是否通过调用app.get（'/ loggedin',. ..）和req.isAuthenticated（）即使在login后也返回false，并进入循环。我不明白为什么这是发生plz帮助我。服务器端代码 var express = require('express'); var http = require('http'); var path = require('path'); var passport = require('passport'); var LocalStrategy = require('passport-local').Strategy; //================================================================== // Define the strategy to be used by PassportJS passport.use(new LocalStrategy( function(username, password, done) { if (username === "admin" && password === "admin") // stupid […]

如何用MEAN和sails.js开始一个新的项目: 我在过去创build了一个带有node.js，express和angular.js的web应用程序。我正在开始一个新的项目，我也想使用MongoDB。那将是MEAN堆栈。只需使用MEAN就可以开始一个项目： http : //mean.io/ 。现在，我已经编写了REST API，我听说过sails.js，这听起来非常有吸引力。它可以为你自动创buildREST API。所以我的问题是，我会采取什么步骤来启动一个新的项目与MEAN堆栈和sails.js ？选项：我会克隆mean.io堆栈，运行npm install，然后npm install sails.js？或者，sails.js似乎有自己的想法来做一个目录结构。那么我会按照他们的说明安装sails.js http://sailsjs.org/#!getStarted然后npm安装Angular和Mongo？（我想我不会需要mongoose，因为sails.js有它自己的ORM，水线）。我今天实际上会尝试选项2，但是我会很高兴知道哪些步骤对他人有效。非常感谢你！

具有多个客户端平台的应用服务器API的会话devise: 我想要构build一个支持多种平台的应用程序：桌面应用程序（Mac / PC），Web（angularJS前端）和原生移动应用程序。所以我正在考虑一个应用服务器，为上面的平台提供内部API。我有一些关于如何支持login/注销的假设。我会很高兴，如果任何人可以评论，如果我的想法是错的。对于桌面和移动应用程序，“login”function将使用内部API来传递凭证，并作为回报将收到永久令牌。桌面/移动应用程序将存储令牌并将其用于对应用程序服务器的任何后续请求。从桌面/移动应用程序“注销”时，令牌将在服务器端丢弃，在前端应用程序端遗忘。对于Web界面，angular度应用程序会将login后提供的令牌保留为cookie，并将其加载并将其用于对应用程序服务器的任何请求。这是一种常见的模式？

npm安装生成巨大的错误列表: 我必须先说这个问题，说我对Angular和Node真的很陌生。遵循这个Tuts +教程的指导，我克隆了一个样例Angular repo，然后运行npm install 。这产生了大量的错误，然后离开我的terminal大约5分钟。之后，我运行npm start并打开示例应用程序，该应用程序似乎function正常。正如我所说的，我对Angular和Node非常陌生，所以我不知道如何debugging我所看到的错误，或者甚至是我应该担心的事情。任何见解都会非常有帮助。谢谢！ npm install日志： https ： npm install ➜ angular-seed git:(master) npm install npm WARN engine karma@0.10.10: wanted: {"node":"~0.8 || ~0.10"} (current: {"node":"0.12.2","npm":"2.7.5"}) npm WARN peerDependencies The peer dependency karma-jasmine@~0.1.0 included from karma will no npm WARN peerDependencies longer be automatically installed to fulfill the […]

预期的响应包含一个对象，但有一个数组: 我得到这个错误，我发现许multithreading都有相同的信息，但它似乎从未匹配我的情况，而我没有经理来解决它。基本上，一切都还好，直到我试图制作1个表格来创build和更新“汽车”对象。这里是我的应用程序的演示文稿（从这个模板构build： https ： //github.com/linnovate/mean ）： /public/js/config.js： […] .state('edit car', { url: '/cars/:carId/edit', templateUrl: 'views/cars/edit.html' }) .state('create car', { url: '/cars/create', templateUrl: 'views/cars/edit.html' }) /public/js/services/mycars.js（真的不知道用什么服务…）： //Cars service used for car REST endpoint angular.module('mean.mycars').factory('Cars', ['$resource', function($resource) { return $resource('cars/:carId', { carId: '@_id' }, { update: { method: 'PUT' } }); }]); 公共/ JS /控制器/ mycars.js： […]