Tag: angularjs

AngularJS – 预期的响应包含一个对象,而不是有一个数组

我正在尝试在Angular中创build一个对象。 这是我的工厂 angular.module('myApp') .factory('Order', function($resource) { return $resource('/api/products?id=:id/orders?id=:orderId', { id: "@_id" }, { query: { method: 'GET', isArray: false }, update: { method: 'PUT'} }); }); 这是我的控制器 angular.module('myApp').controller('OrderCtrl', function ($scope, $rootScope, $stateParams, Order, Auth) { $scope.myOrder = Order.get({"id": 1, "orderId": 1}); } }); 这是我的服务器目录中的routes.js文件 app.use('/api/products', require('./api/product')); 在我的api / products目录中,我有一个索引文件 var express = require('express'); var controller […]

login时,Stormpath不让我访问路线

我正在努力学习如何使用stormpath与快递。 我有一个完整的angular度/节点项目,我用yeoman和angular-fullstack生成器生成。 我login,注册并忘记密码工作。 但是当我想在我的一个路由上添加一个限制,所以它只适用于login的用户,它不会让任何人通过。 我在服务器上的app.js中初始化stormpath,如下所示: var stormpath = require('express-stormpath'); app.use(stormpath.init(app, { apiKeyId: 'XXXXXXXXXXXXXXXXXXX', apiKeySecret: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX', application: 'https://api.stormpath.com/v1/applications/XXXXXXXXXXXXXXXXXXX', secretKey: 'XXXXXXXXXXXXXXXXXXX', expandCustomData: true, enableForgotPassword: true })); 我在我的api index.js文件中的路线如下所示: var express = require('express'); var stormpath = require('express-stormpath'); var router = express.Router(); router.post('/:id/vote', stormpath.loginRequired, function(req, res){ console.log("User clicked vote button!"); console.log("User e-mail: "+res.user.email); }); 而我遇到的问题是,当我打电话给我的路线,我根本没有得到任何日志。 我在网站上login,但似乎不让我访问路线。 如果我删除stormpath.loginRequired,那么它的工作,但后来我缺less用户数据。 感谢您的帮助!

node.js和JS Frameworks可以使用ES6吗?

我读过ES6,因为许多Web浏览器都支持它,所以我现在想要的是,如果我可以在最新版本的node.js和js框架(如angular.js)中使用ES6function和语法,或者作出反应。 js?

NodeJS,Angular Seed,Gulp,Jasmine,Karma问题

build立一个angular种子,我有一切工作,我甚至可以启动茉莉花浏览器,但由于某种原因,我的规范不工作,所以我添加了一个karma.conf文件,它似乎打破了茉莉花浏览器。 我是新来的使用茉莉花,所以我很茫然,有很多关于如何做到最好的意见,但无论我尝试我似乎无法得到它的工作,我已经在这里添加回购链接为代码。 希望有人能够看到我做错了什么。 这个种子需要NodeJS 下载git,把它放在一个文件夹中,进入根目录下的config文件夹,运行npm install然后运行gulp,它会自动在控制台的浏览器中启动,你会看到这个错误 [14:52:17] 'jasmineWeb' errored after 2.27 ms [14:52:17] TypeError: object is not a function at Gulp.<anonymous> (/webdev/E20/config/gulpfile.js:137:11) at module.exports (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7) at Gulp.Orchestrator._runTask (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:273:3) at Gulp.Orchestrator._runStep (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:214:10) at /webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:279:18 at finish (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:21:8) at module.exports (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:60:3) at Gulp.Orchestrator._runTask (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:273:3) at Gulp.Orchestrator._runStep (/webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:214:10) at /webdev/E20/config/node_modules/gulp/node_modules/orchestrator/index.js:279:18 这是我用来发射茉莉花的任务 gulp.task('jasmineWeb', function() { var filesForTest = ['../src/**/*.js', […]

如何查看第一个Angular模板?

我正在尝试构build一个非常基础的Angular应用程序,但是我在查看第一个模板时遇到了麻烦。 我的html看起来像这样: <html ng-app="formApp"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.js"></script> <script src="js/controllers.js"></script> <script src="js/app.js"></script> </head> <body> <div ng-view></div> </body> </html> 和我的app.js是这样的: 'use strict'; var formApp = angular.module('formApp', ['ui.router']); formApp.config(function($stateProvider, $urlRouterProvider){ $stateProvider .state('main', { url: '/main', templateUrl: 'templates/main.html', controller: 'MainCtrl' }); $urlRouterProvider.otherwise('/main') }); 和我的controllers.js是这样的: var formControllers = angular.module('formControllers', []); formControllers.controller('MainCtrl', function($scope){ $scope.lala = 'lalallala'; }); 名称templates/main.html下的templates/main.html如下所示: <h1>Yes […]

如何通过callback后的服务传递内容到另一个服务控制器已被parsing?

我有一个使用callback函数将内容传递给控制器​​的服务: angular.module('piApp').service("dataRetrievalService", function () { function getContents(callback) { //Converter Class var fs = require("fs"); var Converter = require("csvtojson").Converter; var fileStream = fs.createReadStream("order.csv"); //new converter instance var converter = new Converter({ constructResult: true }); //end_parsed will be emitted once parsing finished converter.on("end_parsed", function (jsonObj) { console.log(jsonObj); //here is your result json object //getResult(jsonObj) callback(jsonObj); }); //read […]

Browserify Crypto如何独立注入angular离子

我新离子和angular的蜜蜂。 我用Browserify来为我的Ionic项目要求nodejs的Crypto模块。 以下是我的步骤: 我添加了新行到app.js文件 angular.module(…..)。恒定( 'encryption',要求( '密码')) 我运行命令行,它使用Crypto模块和app.js文件的代码完美地创build新文件 browserify app.js> bundle.js 我在index.html文件中用bundle.jsreplaceapp.js 我尝试在service.js中进行testing angular.module( 'mapp.services')。工厂( 'ABC',[ '$ HTTP', 'encryption',函数($ HTTP,encryption){ 返回{ getAllProduct:function(){console.log(Crypto.SHA256(“Message”)); }); }}]); 它返回消息“Crypto.SHA256不是一个function”。 我认为“常量”是指一个值,而不是一个静态的对象,所以我不能将Crypto传递给“常量”。 那么,我怎样才能通过Browserify在app.js文件中需要所有需要的模块,然后在其他js文件(如$ http)中使用它呢? 谢谢!

量angular器browser.get()不导致URL与致命错误exception

我正在使用“量angular器页面对象”模型来testing多页单页混合Web服务。 我正在做的工作是首先在一个非angular度的网站上注册一些教师和学生,然后login到每个用户不同的url和做的东西。 我使用的IDE是Webstorm。 注册部分进展顺利,但当它应该导航到loginfunction中的新url。 它扔了致命错误:CALL_AND_RETRY_LAST分配失败 – 进程内存不足我不知道发生了什么,因为loginfunction在前几个testing中工作正常(我删除了其他testing用例的清洁),有什么build议吗? 先谢谢你。 这里是我的代码片断,应该是非常简单的。 describe('saltare registration test', function () { var url,username = 'xxx',password = 'xxx'; describe('instructor and student registration', function () { beforeEach(function () { isAngularSite(false); url = 'https://prod-cn.saltare.pearson-intl.com/batch_reg/batches/'; common.login(url, username, password); }); it('instructor register via saltare', function () { saltare.updateUsers('instructor', 2); }); }); describe('instructor and student setup', function […]

Heroku不加载js脚本404

我正在尝试在Heroku上使用MEAN构build我的第一个Web应用程序。 我遵循他们的指导来获取示例应用程序运行。 然后我下载了示例应用程序代码,并将其更改为加载login页面。 不幸的是,我无法加载我的app.js文件。 这是angular色脚本。 在主目录中,我有运行express的index.js。 无论如何,我能够得到.ejs .css和img文件加载,但这个脚本不会。 我被困住了。 我需要能够通过这个修补程序,以开始学习堆栈。 脚本与其他加载的文件在公共目录中。 代码看起来好吗? 不知道为什么我得到404的脚本。 任何帮助深表感谢! var express = require('express'); var app = express(); app.set('port', (process.env.PORT || 5000)); app.use(express.static(__dirname + '/public')); // views is directory for all template files app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.get('/', function(request, response) { response.render('pages/index'); }); app.listen(app.get('port'), function() { console.log('Node app […]

file upload不适用于Angular和Node.JS

我有问题获取file upload与Angular ng-File-Upload模块和我的Node.js服务器一起使用。 在这个例子中,它说我应该能够通过“文件”或“文件”属性(req.file或req.files)访问客户端请求中遇到的文件。但是,请求中的这些属性是“未定义的”而且我无法find客户端请求中的文件的跟踪。 我的客户端代码如下所示: $scope.addFiles = function(files){ console.log(files); $scope.information.files = files; Upload.upload({ url: 'http://www.uploadURL.com/uploadFiles', file: files }).progress(function(evt){ console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total) + '% file :'+ evt.config.file.name); }).success(function(data, status){ console.log('data '+ data); console.log('status '+status); }).error(function(data, status){ console.log('bad data '+ data); console.log('bad status '+ data); }); } }; 上传的HTML行如下所示: <button class="btn btn-primary […]