Articles of angularjs

在量angular器中debugging

我发现自己在一个完全不同的范围内使用browser.debugger() 。 我不能从我的testing访问其他范围variables,只有全局variables。 这是回溯: debug> bt #0 protractor.js:1039:5 #1 webdriver.promise.ControlFlow.runInNewFrame_ promise.js:1598:20 #2 webdriver.promise.ControlFlow.runEventLoop_ promise.js:1463:8 #3 b native v8natives.js:1594:37 我应该只使用browser和select器进行debugging吗?

无法使用$ http读取json文件

使用$ http从文件中读取json: (function(){ var countryApp=angular.module("countryApp",[]); countryApp.controller("CountryCtrl",function($scope,$http){ $http.get('countries.json').success(function(data){ $scope.countries=data; }); }); return countryApp; })(); 该文件与html文件位于同一文件夹中,如下所示: [ { "name": "China", "population": 135982100 }, { "name": "India", "population": 1205625000 }, { "name": "United States of America", "population": 312247000 } ] 这是错误的: XMLHttpRequest cannot load file:///home/anr/angular_examples/countries.json. Cross origin requests are only supported for HTTP. ex10.html:1 Error: Failed to execute […]

带有节点的angular度视图的错误

我有一个小的节点项目,我试图将angularjs集成到。 我有一个使用ng-controller和ng-repeat的局部视图。 这是我的angular.html <!DOCTYPE html> <!–[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]–> <!–[if IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]–> <!–[if IE 8]> <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]–> <!–[if gt IE 8]><!–> <html lang="en" ng-app="myApp" class="no-js"> <!–<![endif]–> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>My AngularJS App</title> <meta […]

在没有Ajax的情况下在angularjs和express / node之间传递数据

我有一个AngularJS应用程序运行在节点/快递后端。 我正在使用护照进行用户validation。 当用户login或注册时,我的angular度控制器通过$http ajax / xhr调用与express进行通信。 表单数据被发送,node / express / passport处理数据,并且用户的信息(即用户名)返回json数据。 Angular然后使用用户信息来更新我的模板,即{{user.username}} 问题是,如果用户刷新整个页面,Angular会丢失这个用户信息。 他们仍然login – req.user仍然包含他们的信息 – 但angular度不知道它。 我想避免ajax调用只是为了检查用户是否login。这将是一个额外的http调用每一个新的访问… 我可以直接将用户数据传递给玉模板,但以后不能更新。

如何testing或排除故障? node.js上的ionic framework(带有Angular.js)

我新的移动开发,并试图按照一步一步的应用程序。 服务器启动时页面空白,箭头和“回”字应该是一个完整的应用程序。 任何想法如何testing或我可以从哪里观察错误? 非常感谢! 更新: 这是我在开发人员工具(控制台) 加载资源失败:服务器响应状态为404(未find) local@cordova.js 加载资源失败:服务器响应状态为404(未find) local@js/services.js 未捕获的SyntaxError:意外的令牌。 controllers.js:171 未捕获错误[$ injector:modulerr]由于以下原因无法实例化模块bucketList:错误:[$ injector:modulerr] 由于以下原因无法实例化模块bucketList.controllers:错误:[$ injector:nomod]模块“bucketList.controllers”不可用…… 1) 另外,用Jasmine运行Testem还给出了下面的错误: 在app.js的第1行中没有定义Angular,它是以下代码: angular.module('bucketList',['ionic','firebase','bucketList.controllers')) 它的东西在这里提到的依赖关系: https : //docs.angularjs.org/guide/di 但我无法挑出错误的关系… 更新2: controllers.js:171引用此块行的第一行 .controller('newCtrl', function($rootScope, $scope, $window, $firebase) { $scope.data = { item: "" }; $scope.close = function() { $scope.modal.hide(); }; $scope.createNew = function() { var item = this.data.item; if […]

平均堆栈删除callback

我有我的平均堆栈删除function正常; 然而,我似乎无法弄清楚如何更新视图与更新的JSON一旦删除。 我的快递服务器端逻辑: .delete(function(req, res) { Service.remove({ _id: req.params._id }, function(err, service) { if (err) res.send(err); res.json({ message: 'Successfully deleted' }); }); }); 我的angular度控制器 $scope.removeItem = function(id) { $http.delete('/api/hc/' + id) .success(function(data) { $scope.services = data; console.log(data); }) .error(function(data) { console.log('Error: ' + data); }); }; 我的angular度模板调用函数 <a ng-click="removeItem(service._id)">Remove</a>

节点,连接/快递和西兰花的全套资产pipe道

首先,我必须承认,我是节点上的小菜鸟。 我以前一直使用ASP.NET和PHP,然后是Django。 无论如何,我发现节点呼吸新鲜空气。 这个问题也不是严格的节点问题,但我需要一个节点特定的答案。 我有一个快递服务器和angular度前端。 服务器端模板处于swig状态,目前仅用于错误页面和索引页面。 大多数angular模板将构成大部分的前方问题。 我所苦苦挣扎的是,如果仅仅决定如何去做,就是为资产pipe道获得高效的工作stream程。 服务器端模板必须能够在开发和testing期间注入资产的香草。 在testing期间客户端模板一样。 基本上,运行快速的“静态中间件应该是一个没有任何configuration的选项(也许有一些助手在服务器端资产)。 因此git clone – > grunt – > viola。 但是,在舞台和制作过程中,我希望服务器端文件保持原样。 模板帮助程序可能会parsing一个清单文件,指出caching中的链接(也可能是CDNpath)。 如何使从逻辑资产包名称到生产准备资产的链接对我来说是一个谜,同时保持开发透明。 客户端模板可能被缩小,连接,注入或其他任何,因为它将被保存到一个dist文件夹上传。 必须将整个依赖树(图像,字体,CSS,js)“导出”到dist文件夹中,这一点非常重要。 然后部署将:将服务器端代码推送到服务器并运行。 并推送客户端dist文件夹到一些资产主机(CDN,nginx,另一个节点,甚至可能连接静态) 我的问题实际上是(): 这个工作stream程是否可以使用像西兰花/咕噜/咕噜一样的工具? 我试过连接资产,但我不想符合某些预定的文件夹path。 另外cli工具没有产生其他静态资产。 也许我不明白这个工具。 我遵循正确的方法吗? 我已经添加了有关清单文件消费的西兰花讨论: https : //github.com/mjackson/broccoli-rev/issues/1#issuecomment-49076249 编辑:我忘了提及,我使用鲍尔,所以资产应该从任意(URL也可能)的位置拉。

在赢得7安装“ionic framework”的错误

我需要你的帮助来解决这个问题。 input命令$ ionic …时显示消息,操作系统为Win 7 $ionic … ========================================================================= **events.js:72 throw er; // Unhandled 'error' event ^ Error: spawn ENOENT at errnoException (child_process.js:1000:11) at Process.ChildProcess._handle.onexit (child_process.js:791:34)**

$ routeProvider.when(..)没有捕获所有的URL

设置:玉,angular,expression,节点。 在我的routeProviderangular,我有一些问题。 我正在请求一个带有一个参数的url, var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $routeProvider //… omitted some url/pages here //start of SPA .when('/dashboard/', { templateUrl: 'partials/index', controller: 'dashIndexCtrl' }) .when('/dashboard/class/:id',{ templateUrl: 'partials/class', controller: 'classCtrl' }) .otherwise({ redirectTo: '/' }); $locationProvider.html5Mode(true); }]); 当我打电话localhost/dashboard/class/TEST 我被redirect到根。 我在服务器端声明我的路线如下: app.get('/dashboard', routes.dashboard); app.get('/dashboard/partials/:name', routes.partials); app.get('/api/class/:id', api.classGet); 我的控制器名称与routeProvider匹配。 在这种情况下,控制器代码如下所示: app.controller('classCtrl', function($scope, $http, […]

POST请求404(未find)与angular.js和ExpressJS

我正尝试使用AngularJS向我的ExpressJS服务器发送一个请求: angular.module('app').controller('contactCtrl', function($scope, $http) { $scope.envoyer = function(nom, organisation, courriel, telephone, message){ $http.post('/contact', {nom:nom, organisation:organisation, courriel:courriel, telephone:telephone, message:message}).then(function(error, response){ if(response.data.success){ console.log('sent!'); } }); } }); 这是来自服务器的代码: var mailer = require('nodemailer'); var EMAIL_ACCOUNT_EMAIL = 'aaa@gmail.com'; var EMAIL_ACCOUNT_PASSWORD = 'aaa'; var smtpTransport = mailer.createTransport({ service: "Gmail", auth: { user: EMAIL_ACCOUNT_EMAIL, pass: EMAIL_ACCOUNT_PASSWORD } }); app.post('/contact', function(req, res, […]