Tag: angularjs

为Node.js安装Web服务器: 我正在试图购买一本我购买的名为“Pro Angular JS”的书，而且我无法获得指向正确端口的Web服务器。所以，我去命令行，运行节点，我得到的第一个错误是，当试图安装连接： npm should be run outside of the node repl, in your normal shell. (Press Control-D to exit.) 好，可以。所以我按照命令指定的方式进行操作，并按照用户的要求进行安装，最后在我的用户根文件夹中添加一个名为node_modules的文件夹。好吧，似乎一切仍然有道理。现在，这本书告诉我在Node.js安装文件夹中创build一个server.js文件。在我的用户上没有实际创build的Node.js安装文件夹。我确实看到了node_modules文件夹。所以我猜我的用户的根目录是node.js安装的地方，但也许是隐藏的或什么的？我相信当我使用Mac安装程序的节点，它表示它是在usr / local / bin创build的。但我不知道，如果这是我的用户在我的电脑，甚至更多的根访问我的电脑。最后，回到这个server.js文件…所以我用一个文本编辑器创build它，包含这个代码： var connect = require('connect'); connect.createServer( connect.static("…/angularjs") ).listen(5000); 当然，他们希望我将这个文件添加到我的节点安装的目录。目前，它位于我当前用户（用户是kst001）根目录的位置。当我在shell中使用npm install connect行来安装node_module文件夹时，这也是我创buildnode_module文件夹的地方。他们还希望我创build一个名为angularjs的文件夹，在那里我将存储我的应用程序，并将其放置在安装了node.js的根目录中。再一次，坐在根目录中的一切。然而，当我尝试启动我的testing文档在端口5000（localhost：5000 / test.html），我得到一个“找不到页面”的错误。已经尝试使用这个链接来解决我的问题，这似乎死了我的问题，但它没有解决任何问题：节点/连接问题对象函数createServer没有静态的方法顺便说一句，我使用的是Mac。 […]

无法使用HTTP Put更新MongoDB集合中的对象？: 我是AngularJS的新手，我试图更新我的MongoDB数据库。我正在尝试更新我的集合中的对象时遇到问题。以下是我试图这样做的尝试： //listviewFactory is already injected and returns an event object //I call $scope.put when clicking (ng-click) on a button $scope.event = listviewFactory.getEvent(); $scope.put = function(event){ var currentUser = {}; if($cookieStore.get('token')) { currentUser = User.get(); } event.attendees.push(currentUser); $http.post('/api/events/' + event._id, event).success(function(data){ for(var i = 0; i < event.attendees.length; i++){ console.log("Attendees: ", event.attendees[i]); } $location.path('/'); […]

如何在每一个angular度创build星形图标？: 我正在尝试在每一行中制作星形图标。我正在dynamic生成行，但是我能够生成行，但是我的星形图标在顶部行的顶部可见。为什么..我需要在每一行中显示开始图标。 http://plnkr.co/edit/mBoAX5xaVTYvdrRuafEw?p=preview <table ng-table class="table"> <tr ng-repeat="guitar in guitarVariable" style="border: 5px solid #000000; background: pink" > <span class="glyphicon glyphicon-star"></span> <td data-title="'Name'">{{guitar.color}} </td> <td data-title="'class'">{{guitar.value}}</td> </tr> </table>

无法使用angular-seed github项目的nodejs命令行运行http-server: 我正在尝试更好地理解nodejs，以便我可以获得IntelliJ插件的工作。我已经在我的Windows 7机器上安装了NodeJS，并validation它是从命令行（节点，然后做了2 + 2它回答4）。然后，我git克隆AngularJS种子项目（ https://github.com/angular/angular-seed ），并继续得到运行（npm安装，npm开始），一切都很好。但之后我尝试使用节点直接从AngularJS源代码目录下面的命令行启动http-server模块。 node node_modules\.bin\http-server -a localhost -p 8000 和 node node_modules\.bin\http-server.cmd -a localhost -p 8000 这两个命令给我以下错误 – SyntaxError: Unexpected token ILLEGAL at Module._compile (module.js:439:25) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:906:3 我在这里错过了一些简单的东西，因为我是NodeJS的新手，或者我做错了什么？

如何使用Jasmine对$ scope.broadcast，$ scope。$进行unit testing: 我是AngularJs / NodeJs世界的新手，所以如果这是一个基本的问题，请原谅。所以简而言之，我有两个控制器，第一个控制器$broadcast一个“Id”，第二个控制器通过$on获取该Id，然后将该Id传递给一个中间service ，这会产生一个$http ajax调用，并返回一个Book对象。如何使用Jasmine对$ scope.broadcast，$ scope。$进行unit testing firstCtrl .controller('firstCtrl', function($scope, …){ $scope.selectGridRow = function() { if($scope.selectedRows[0].total !=0) $scope.$broadcast('id', $scope.selectedRows[0].id);//Just single plain ID }; }); secondCtrl .controller('secondCtrl', function($scope, bookService) { $scope.$on('id', function(event, id) { bookService.getBookDetail(id).then(function(d) { $scope.book = d.book; }); }); }); 预计Json obj var arr = "book" : [ { "id" : […]

validation问题使用angularjs（红色边框在Firefox上显示）？: 我从对象做了一个简单的表单..现在我validation该表单。我在validation时遇到了一些问题。请在firefox上检查这个。当我写入需要的时候，我的字段变成了红色（在input字段上是红色的边框），运行应用程序后显示“请input有效的电子邮件”，当用户将一个字段移动到另一个字段时，该字段变为红色，我需要显示两条消息“请input电子邮件”与“请input有效的电子邮件”我怎么能做到这一点？我学习了很多的教程，但我应用这个东西$脏，$原始，但没有为我工作..我学习从那里validation.. http://scotch.io/tutorials/javascript/angularjs-form-validation <ul ng-repeat="input in inputs"> <li><span>{{input.name}} : </span> <div ng-switch="input.type" ng-form="myfrm"> <div ng-switch-when="text"> <input type="text" ng-model="outputs[input.name]"/> </div> <div ng-switch-when="email" class="form-group" > <input type="email" ng-model="outputs[input.name]" name="input" ng-required="input.required"> <P ng-show="myfrm.input.$invalid && !myform.input.$pristine">Please enter a valid email</P> </div> <div ng-switch-when="number"> <input type="number" ng-model="outputs[input.name]" ng-required="input.required" name="input"/> <P ng-if="myfrm.input.$invalid">Please enter a valid number</P> </div> <div ng-switch-when="url"> <input […]

在根上表示指定的占位符路由: 我目前正在构build一个MEAN应用程序，并且按照您的预期（/ login，/ profile，/ logout等）设置了路由设置。我现在已经在我的应用程序中创build了用户configuration文件页面，我希望用户configuration文件可以从域的根目录访问，例如： www.domain.com/:username : www.domain.com/:username 。我目前有我的routes.js文件的末尾定义以下路线，就在我的catchall /通配符路线之前。 app.get('/:username', function (req, res) { var username = req.params.username; usersTable.findOne({ 'local.username': username }, function (err, user) { if (err) return err; if (!user) res.redirect('/'); res.render('public-profile.ejs', { user: user }); }); }); app.all('/*', function (req, res, next) { if (req.user) { res.sendfile('views/dashboard.html'); // for angular […]

MEAN堆栈组件如何组合在一起？: 我相信这是显而易见的，但让我先说，我是一个web开发新手。我一直在参加Udacity，Coursera和Code Academy课程，以及阅读介绍书籍，但我似乎无法很好地描述Web开发的所有不同技术组件如何配合在一起。我对MEAN堆栈感兴趣，并计划从第一个应用开始。我已经阅读了关于每个组件的几个描述，但是它们仍然看起来非常抽象。我更习惯于在更多的物理领域工作，比如木工和机械，在这里你可以看到所有的东西都融合在一起。我发现对这个大创意的牢固把握对于学习细节非常有帮助。任何人都可以提供一个很好的概述每个MEAN组件的function，最好哑到newb级别？或者更好的是，推荐一个能给出这样一个概述的资源，然后再详细介绍一下？

AngularJS：Karma + Jasmine用_real_后端进行testing: 去运行Karma + Jasmine来testing带有真实后端的angularjs客户端。由于Karma使用自己的express但我需要访问与DB和其他的东西真正的nodejs后端，我想添加拦截器到$httpProvider.interceptors ，只是将我的电话/api和redirect到真正的后端位置。有没有更好的办法？

在我的SPA应用程序中使用Mean.io: 我有一个新的项目，将包括两部分…一个客户端 – SPA使用AngularJS和服务器端使用Nodejs – MongoDB。许多文章build议在开发类似项目时使用Mean.io，但是找不到有关为什么比简单安装Nodejs，Mongo，AngularJS和使用它们更好的信息。那么有人可以告诉我使用Mean.io比安装Node，Mongo，Angular和Express并使用它们的好处吗？换句话说，为什么使用Mean.io而不是单独下载和安装每个软件包/框架更好？谢谢