Tag: angularjs

Angular 2 / webpack“未捕获的ReferenceError：require没有定义”

我正在使用节点和webpack将一个来自平面devise公司的HTML模板join到我的Angular 2项目中。 HTML吸引了像这样的各种脚本： <script src="js/jquery.icheck.min.js"></script> <script src="js/waypoints.min.js"></script> 所以我要求他们在我的component.ts中： var icheckJs = require('../js/jquery.icheck.min'); var waypointsJs = require('../js/waypoints.min'); 还有其他几个脚本和一些SASS似乎正常工作。 webpack很高兴，并build立了一切，“npm开始”也是成功的。 但是，当它到达浏览器，我得到这个抱怨： Uncaught ReferenceError: require is not defined node_modules/angular2/platform/browser.js:1 Uncaught ReferenceError: require is not defined 这实际上是从url.js抛出的这一行： var punycode = require('punycode'); 这是CommonJs的要求吗？ 在几个星期之前，我还没有在网页开发中使用过这个function，所以我仍然从webback中解决了各种各样的需求，CommonJs et。 从我的webpack.config.js提取.js加载程序如下所示： { test: /\.js$/, loader: 'script' } 我该如何解决这个错误？

如何在你的Ionic / AngularJs应用程序中包含和使用节点模块？

我有一个离子应用程序，我想包括节点模块angular-base64在我的控制器中使用，甚至包裹在一个angular度的服务等我走了，跑了 npm install angular-base64 继续安装包含/myIonicApp/node_modules/内的angular-base64.min.js文件的文件夹。 所以文件的完整path是/myIonicApp/node_modules/angular-base64/angular-base64.min.js 。 但是，当我尝试在我的一个控制器中使用这个模块： app.controller('myController', ['$scope', '$base64', function($scope, $base64) { //$base64… } ]); 它不知道我在说什么。 我必须做其他事情才能使这个工作？ 也许在我的app.js东西？

Karma的angular度testing：“模块没有定义”

我知道这个问题已经被问了很多次了，我知道在大多数情况下，人们都缺lessangular-mocks.js文件。 我遇到了同样的问题，试图在模块上testing工厂。 不幸的是，我一直遇到与testing有关的问题（为什么，Angular，哦，为什么你必须假设一个window和document对象？），哪个状态，该模块没有定义。 我不知所措 我也试过使用angular.mocks.module，但是我得到一个消息，说Angular没有定义。 我究竟做错了什么？ 值得注意的是，我正在使用gulp作为一个任务跑步者。 我的大文件（还不完美，任务没有链接）： var gulp = require('gulp'), uglify = require('gulp-uglify'), jshint = require('gulp-jshint'), jasmine = require('gulp-jasmine'), karma = require('gulp-karma'), paths = { scripts: "scripts/*.js", spec: "spec/*.js", dist: "dist" }; gulp.task('prepare', function () { return gulp.src(paths.scripts) .pipe(jshint()) .pipe(jshint.reporter('default')) .pipe(uglify()) .pipe(gulp.dest(paths.dist)) }); gulp.task('test', function () { gulp.src([paths.scripts, paths.spec]) .pipe(karma({ configFile: 'karma.conf.js', action: […]

angular度$资源删除不会发送正文express.js服务器

惠， 我正在服务器端build立一个angular.js和node.js（Express.js）的应用程序。 由于某种原因，我有一个处理删除请求的问题。 没有身体正在到达服务器端。 这是我的angular.js资源代码： $scope.deleteProject = function(projectName){ var postData = {username: 'name', projectName: projectName}; Project.deleteProject.delete({}, postData, function(res){ alert('Project Deleted'); }, function(err){ alert(err.data); }); } 在服务器端我有这个： var deleteProject = function(req, res){ console.log(req.body); console.log(req.params); if (req.body.projectName){ //do something return res.send(200); } else return res.send(400, 'no project name was specified'); } 现在由于某种原因，根本没有身体！ 它是空的。 我已经将路线定义为app.delete。 如果我更改node.js中的path发布和angular.js保存它工作正常。 我在这里错过了什么（敲我的头）。 谢谢。

Angularjs $ http似乎并不了解响应中的“Set-Cookie”

我有一个nodejs表示REST api与Passport模块进行身份validation。 login方法（GET）在标题中返回一个cookie。 当我从Chrome调用它时，它工作正常，我的cookie被设置在我的浏览器中。 但是如果我通过Angularjs的$ http来调用它，那么cookie不会被设置。 Set-Cookie:connect.sid=s%3Ad7cZf3DSnz-IbLA_eNjQr-YR.R%2FytSJyd9cEhX%2BTBkmAQ6WFcEHAuPJjdXk3oq3YyFfI; Path=/; HttpOnly 正如你所看到的，Set-Cookie存在于http服务响应的头部。 也许HttpOnly可能是这个问题的根源？ 如果是的话，我该如何改变它？ 这是我的快速configuration： app.configure(function () { app.use(allowCrossDomain); app.use(express.bodyParser()); app.use(express.cookieParser()) app.use(express.session({ secret: 'this is a secret' })); app.use(flash()); //passport init app.use(passport.initialize()); app.use(passport.session()); app.set('port', process.env.PORT || 8080); }); 感谢您的帮助

npm从terminal安装错误

我想安装节点在我的MAC ..我收到以下错误…我从节点网站下载节点，并运行该包…你们可以告诉我为什么我面临着这个错误..当我做npm安装 MacBook-Pro:~ Raj$ npm install npm ERR! install Couldn't read dependencies npm ERR! package.json ENOENT, open '/Users/Raj/package.json' npm ERR! package.json This is most likely not a problem with npm itself. npm ERR! package.json npm can't find a package.json file in your current directory. npm ERR! System Darwin 13.0.0 npm ERR! command "node" "/usr/local/bin/npm" "install" […]

如何在AngularJS客户端和Node.js服务器之间重新使用代码

为了在AngularJS客户端和Node.js服务器之间重用/共享代码，最佳做法是什么？ 我实现了一个AngularJS应用程序。 现在我需要实现一个为客户端提供数据的RESTful-server。 一些客户端angular度服务可以在服务器上重新使用，例如Facebook / Google / Twitter的第三方宁静客户端，它们使用angular度dependency injection，并且依赖于$http ， $q和许多其他服务。 理想情况下，因为我非常喜欢AngularJS中包含的dependency injection框架，所以我觉得有一种基于AngularJS的服务器框架非常好。 包含dependency injection框架和所有与UI无关的angular度服务的服务器框架，以及添加所需的服务器端function（如路由和身份validation）。 但不幸的是，我没有find任何解决scheme。 （请告诉我，如果这样的框架存在！） 那么，为了至less能够在客户端和服务器之间重新使用代码，还有什么替代scheme呢？ 特别是启用的代码重用代码取决于$http ， $q和angular度框架和angular第三方（如angular-cache ）中包含的其他AngularJS服务。

ExpressJS内的Yeoman

我仍然想尝试使用Yeoman和Express来运行示例。 我尝试了以下，它的工作“好吧”，但我坚持合并的路线。 （为了可读性而简化了） mkdir test cd test express mkdir app cd app mkdir js cd js yeoman angular 然后在Gruntfile.js中将“output：dist”更改为“output：../../ public” 现在，两台服务器都可以自行运行（例如yeoman服务器和节点app.js）。 我现在也可以运行'yeoman build'来将快捷的JS输出到/ public中。 我对路线如何合并有点模糊？ 我想/拉起Angular路线，而不是快速路线等等.Github上的angular度expression种子例子看起来没问题，但我仍然希望将Yeoman融入到项目中。 任何build议，将不胜感激。

以angular度上传多个文件

我有一个情况，我有一个表格，其中我有两个文本字段条目，我必须上传该行的文件，这种行可以是“N”，然后在那里是一个可以input整个表单的主文件，而这些是表单的一部分，我必须在点击保存button时一次提交所有这些文件。 我有一种坚持ng – 上传它需要一个API调用，我真的不能有一个以上的API调用这种forms。 示例的html代码如下： <!DOCTYPE html> <html> <head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <form editable-form name="xyzForm" ng-submit="create(model)"> <label>Tags: </label><input class="col-xs-12 col-md-12" ng-model="model.tags" type="text" name="Tags"> <label>Notes: </label> <input class="col-xs-12 col-md-11" ng-model="model.notes" type="text" name="notes"> <table class=" col-xs-3 col-md-11 table" border="1px solid red;"> <thead> <tr> <th>Product</th> <th>Manufacturer</th> <th>Location</th> <th>Specification</th> <th></th> […]

在MEAN应用程序中处理路由的Express.js或angular？

我对Nodejs / express / angular的所有东西都是全新的，而且我遇到了困扰我的一个问题。 当你有一个MEAN栈时，似乎路由可以被Express.js和Angular处理。 Angular ： 例如，如果我在Angular中定义一条路线，我可以这样做： var app = angular.module("app", []).config(function($routeProvider) { $routeProvider.when('/login', { templateUrl: '/templates/login.html', controller: 'LoginController' }); $routeProvider.when('/front', { templateUrl: '/templates/front.html', controller: 'FrontController' }); $routeProvider.otherwise({redirectTo: '/front'}) }); 但是用express.js我做 ： app.get('/',function(req,res){ res.sendfile('templates/angular.html'); }); 所以我的问题是 ： 什么时候使用angular路由，什么时候使用快速路由？ （我可能会错过这里很明显的东西，但是我希望你能指出来）