Tag: angularjs

AngularJS应用程序在本地和Heroku上有不同的行为: 我已经用MEAN-stack（MongoDB，Express，AngularJS Node.js）编写了一个应用程序。在本地，所有的东西都按照它的设想工作，但是由于某些原因，当我在Heroku上运行时，它的行为是不同的。问题是，我的一些angular度控制器与内容types标题文本/ HTML而不是应用程序/ JavaScript传输。如上所述，这不是本地的问题。我已经更新了我的npm和bower包，所以一切都应该是最新的。除了我使用3.4.4版（因为版本4.xx需要重写configuration）。我使用相同版本的框架在本地和在heroku上工作。请让我知道，如果我可以提供任何更容易解决问题的信息。问候

browserify'错误：找不到模块'试图修复'未捕获的参考错误：需求未定义': 我从这个线程（ Node.js + Angular = Uncaught ReferenceError：require没有定义）有关于未捕获的引用错误的@RachelD问题有一个非常相似或几乎确切的问题。然而，当我运行我在这里（ https://github.com/substack/node-browserify ）指示中所述的“browserify”命令，并完全如下所示（我包括我的目录以及参考）… myname@compname:~/workspace/MyApp $ browserify /app/scripts/controllers/main.js > bundle.js 我得到一个'无法find模块'的错误 Error: Cannot find module '/app/scripts/controllers/main.js' from '/Users/myname/workspace/MyApp' at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:35:25 at load (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:53:43) at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:59:22 at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:16:47 at Object.oncomplete (fs.js:107:15) 我怎样才能通过这个错误？

AngularJS中多个$ http请求的最佳做法是什么？: 例如，我有一个控制器来显示用户列表视图，一些列需要数据来自另一个端点，所以我用直觉写这些，你能告诉我如何重新生产他们？ $http.get($scope.urlA) .success(function(res){ $scope.dataA = res.data; $http.get($scope.urlB) .success(function(res){ $scope.dataB = res.data; }) .error(function(err){ if (err) throw err; }); }) .error(function(err){ if (err) throw err; });

Grunt压缩：我怎么能只包含运行时节点模块的依赖关系？: 我的应用程序是MEAN堆栈样式。我想生成一个包含所有Nodejs和AngularJs文件的包，所以我可以解压缩包并在其他环境下运行。我使用grunt-contrib-compress压缩并生成一个zip文件。一切正常，但有许多开发节点模块，如grunt *。我所需要的只是在package.json中定义的运行时节点模块。这将大大减less封装尺寸。我可以逐个包含节点模块，但有没有一种好的方法，只包含运行时模块而打包？

Expressjs路线与Angular路线问题直接加载url: 我有expressjsangular工作，一切大部分工作，但是我遇到与expression和angular度的路线冲突 app.js app.get('/',routes.index); app.get('/about/:name', aboutRoutes.partials); app.get('/partials/:name', routes.partials); //authentication //app.get('/app', ensureAuthenticated ,appRoutes.app); app.get('/app',appRoutes.app); // development only if ('development' == app.get('env')) { app.use(express.errorHandler()); } app.get('/[az]{0,100}',routes.index) 路线 var homeContent = require('../content-config/home.json'); exports.index = function(req, res) { res.render('template', { headerTitle: homeContent.headerTitle, headerContent: homeContent.headerContent, mainTitle: homeContent.mainTitle, mainContent: homeContent.mainContent, employersTagLine: homeContent.employersTagLine, candidatesTagLine: homeContent.candidatesTagLine, providersTagLine: homeContent.providersTagLine, fundingTagLine: homeContent.fundingTagLine, howItWorksTitle: homeContent.howItWorksTitle, partials: { […]

ui路由器不能从nodejs文件夹工作，但在plunker上工作: UI路由器应该做一个index.html作为一个标题和test.html作为附加的看法，但它不能在我的电脑出于某种原因。 Plunker一个伟大的工作。 index.html与plunker相同 <html ng-app="MyApp"> <head> <link href="stylesheets/style.css" rel="stylesheet"> </head> <body> <h4> This should be the header </h4> <div ui-view></div> <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> <script data-require="ui-router@*" data-semver="0.2.10" src="https://rawgit.com/angular-ui/ui-router/0.2.10/release/angular-ui-router.js"></script> <script src="app.js"></script> <script src="controllers/main.js"></script> </body> </html> views / test.html只包含 <div> this is test.html </div> 和app.js包含 angular.module('MyApp', [ 'ui.router' ]) .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('main', { url: […]

作用域不在$ apply上更新使用: 我有一块$ scope文本应该dynamic更新。 <span ng-bind="user.balance"></span> 按下button后，新的平衡值被接收，并显示在这里。 $http.post('/transaction/send', transaction).success(function(sender) { console.log("http response"); $scope.user = sender; console.log($scope.user.balance); $timeout(function() {$scope.$apply(); console.log("apply used");}, 1000); }); 在控制台日志中，任何东西都会被正确接收和显示，但是它仍然不会在视图中更新范围。我究竟做错了什么？我正在使用$超时摆脱“$摘要已被使用”

上传文件与AngularJS和Express.js: 我正在尝试使用AngularJS和Node.js（使用Express.js）来上传文件。我正在使用danialfarid /angular度file upload 。在我看来（我用玉）我有 label Upload avatar input(type="file" ng-file-select='uploadAvatar($files)' accept="image/png, image/jpeg") span(ng-show='uploadInProgress') Upload progress: {{ uploadProgress }} img(ng-src='uploadedAvatar' ng-if='uploadedAvatar') 这里是我的控制器中的uploadAvatar函数（我在前端使用CoffeeScript，这里是编译的javascript版本）： $scope.uploadAvatar = (image) -> if angular.isArray image image = image[0] if image.type isnt 'image/png' and image.type isnt 'image/jpeg' alert('Only PNG and JPEG are supported') return $scope.uploadInProgress = true $scope.uploadProgress = 0 $scope.upload […]

如何让AngularJS检查和使用Rails后端的数据？: 就像说我想确保有人注册不使用预先存在的电子邮件地址。如何使AngularJS文件与Rails用户模型/用户数据库进行交互来查看？ NodeJS在这里是必要的吗？这可以通过一个“独特的”指令来完成（我想遵循的方法）？我正在使用AngularJS的1.3.0-beta.18版本。我不知道这是如何改变的东西 – 仍然使用$parsingfunction？如何使用$ validatorspipe道setValidity？编辑：我从http://www.ng-newsletter.com/posts/validations.html遇到这个例子。我如何适应一个典型的Rails设置 – 用户控制器，用户模型和用户数据库？如果在用户控制器中有一个“唯一”方法，查询用户模型以查看是否有包含该电子邮件参数的条目，该怎么办？这个“唯一的”方法是由“唯一的”AngularJS指令调用的，并且在registry单中调用该指令。我已经有一个“独特的”JSON路线，当我做“耙路线”，以及一个“独特的”HTML路线出现。我知道如何在表单中调用指令，以及如何在表单中进行错误检查，所以这不是问题。 app.directive('ensureUnique', ['$http', function($http) { return { require: 'ngModel', link: function(scope, ele, attrs, c) { scope.$watch(attrs.ngModel, function() { $http({ method: 'POST', url: '/api/check/' + attrs.ensureUnique, data: {'field': attrs.ensureUnique} }).success(function(data, status, headers, cfg) { c.$setValidity('unique', data.isUnique); }).error(function(data, status, headers, […]

如何使用nodeJs创buildWeb服务器: 我使用下面的代码创build服务器节点js，但每当我运行本地主机在这个端口在浏览器中，它总是显示index.html文件。我做错了什么 var http = require('http'); var fs = require('fs'); var index = fs.readFileSync('index.html'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'html'}); res.end(index); }).listen(9615);