Tag: angularjs
摆脱 ＃！ 在angularjs ngRoute
我正在使用Angularjs ngRoute作为我的后端的Node.js，我的网站上有3个页面： localhost:8000/#!/ localhost:8000/#!/red localhost:8000/#!/green 通过谷歌search，我find了摆脱/**#!**/ ，只有当用户无意按F5重新加载页面时，它才能正常工作。 如果重新加载，我的页面结构变得更糟。 我的意思是，如果用户在他/她在red.html页面时按下了F5，则单独显示red.html ，而不是在ng-View中注入red.html内容即red.html的性质获取请求。 有什么办法摆脱这个问题？ 的index.html <body ng-app="myApp"> <p><a href="/">Main</a></p> <a href="/red">Red</a> <a href="/green">Green</a> <ng-view></ng-view> <script> var app = angular.module("myApp", ["ngRoute"]); app.config(function($routeProvider, $locationProvider) { $routeProvider .when("/", { templateUrl: "/main" }) .when("/red", { templateUrl: "/red" }) .when("/green", { templateUrl: "/green" }) $locationProvider.html5Mode(true); }); </script> </body>
没有findAngularJS快递咖啡资产控制器
在我的AngularJS node.js 应用程序基于angular-express-blog和express-coffee我有一个问题angular.module之前控制器PIC ： Uncaught ReferenceError: IndexCtrl is not defined 包含与angular-seed相同的模块的顺序： // JS != js('lib/jquery-1.7.2.min.js') != js('lib/bootstrap.min.js') != js('lib/angular.min.js') != js('app') != js('controllers') != js('directives') != js('filters') != js('services') 改成这个命令后： != js('controllers') != js('app') != js('directives') != js('filters') != js('services') 错误相同。 它只适用于当我更换控制器到app.coffee之前angular.module("myApp"… 。我当然重新启动服务器。 更新： 应用程序文件 ， 控制器文件和布局
Angular在通过NodeJS服务器提供服务时不更新html模板variables
这是一个具体的问题，但是我有一个答案。 首先，有一点背景。 我一直在试图学习angular度，我想开始使用节点作为后端。 我目前有一个工作的教程应用程序，我可以在本地运行，只是返回硬编码到主控制器的数据。 当我把文件移动到我的NodeJS服务器，但它停止工作。 这是什么工作： 文件加载正确 – 没有控制台错误，我可以查看源文件中的每个文件（index.html，app.js，maincontroller.js） 范围存在，variables被定义。 我把一个console.log（$范围）在mainController.js文件中，我可以看到所有正确定义的variables。 非angular度的JavaScript的作品 – 我可以放置在mainController外/警报，他们都正常工作（也console.log显然工程） 我通过一个简单的Node.js服务器来提供这些文件。 我正在使用快递和hbs。 我最初使用的是压缩和0高速caching的长度，但从那以后删除了那些没有改变的结果。 我遇到的具体问题是没有模板variables更新。 我简化了下面的代码进行testing。 在本地查看时，页面显示“我现在了解范围的工作原理！”，当从Cloud 9提供时，该结构存在，但模板中的{{understand}}variables不起作用。 的index.html <!DOCTYPE html> <head> <title>Learning AngularJS</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> <script src="js/app.js"></script> <script src="js/maincontroller.js"></script> </head> <body> <div id="content" ng-app="MyTutorialApp" ng-controller="MainController"> {{understand}} </div> </body> app.js var app = angular.module('MyTutorialApp',[]); maincontroller.js app.controller("MainController", function($scope){ $scope.understand = "I now understand […]
如何使用angular-file-upload在Node.js Express应用程序中获取上传的文件
我想要使用angular-file-upload来上传文件。 但是，当我尝试访问req.body.files或req.files我得到undefined 。 任何人都可以告诉我如何通过node.js表示应用程序中的angular-file-upload来获取上传的文件吗？ 请求有效载荷如下： Content-Disposition: form-data; name="myFile"; filename="BroadcomLogo.gif" Content-Type: image/gif JS代码： $scope.upload[index] = $upload.upload({ url : '/upload', method: 'POST', file: $scope.selectedFiles[index], fileFormDataName: 'myFile' }); 节点代码 upload: function(req, res) { console.log(req.files); res.send("Hello"); },
在与Yeoman一起设置AngularJS项目后，发布“npm install”
我的问题出现在angular度项目的创build之后（甚至在此期间）： yo angular 在安装package.json（yo angular运行的“ npm install ”）中的所有devDependencies的过程中，我注意到node_modules文件夹中缺less一些模块。 所以，我再次下载了“npm install name_of_the_module –save-dev”（所以它们将下载并包含在devDependencies选项的package.json中）。 但例如，如果我删除node_modules文件夹，并执行命令npm安装它将开始安装，但会错过一些模块，有时缺less的模块不同于上次运行的npm安装。 我不知道如何面对这个，因为我需要为团队build立项目，他们将要做的第一件事就是执行npm install＆bower install （最后一个工作正常）。 package.json的内容是： { "name": "angular_test", "version": "0.0.0", "dependencies": {}, "devDependencies": { "grunt": "^0.4.5", "grunt-autoprefixer": "^0.7.6", "grunt-concurrent": "^0.5.0", "grunt-contrib-clean": "^0.5.0", "grunt-contrib-concat": "^0.4.0", "grunt-contrib-connect": "^0.7.1", "grunt-contrib-copy": "^0.5.0", "grunt-contrib-cssmin": "^0.9.0", "grunt-contrib-htmlmin": "^0.3.0", "grunt-contrib-imagemin": "^0.8.1", "grunt-contrib-jshint": "^0.10.0", "grunt-contrib-uglify": "^0.4.1", "grunt-contrib-watch": "^0.6.1", "grunt-filerev": "^0.2.1", […]
Angularjs控制器显示未定义？
我正在使用angularjs和cassandra在节点应用程序上工作。 当我去页面，如注册页面，然后前端来适当，但它显示错误，控制器是未定义的。 错误：错误：areq错误的参数 这是app.js（主要的jsconfiguration文件） angular.module('app', ['ui.router']) .config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('home', { url: '/', templateUrl: '/browser/views/home.html' }) .state('register', { url: '/register', templateUrl: '/browser/views/register.html', controller: 'RegisterCtrl' }) .state('login', { url: '/login', templateUrl: '/browser/views/login.html', controller: 'LoginCtrl' }) } ]); 这是register.html文件后跟控制器的path。 <div ng-controller="RegisterCtrl" class="container-fluid"> <div class="row custom-row2"> <div class="col-md-6 col-lg-6 col-sm-6"> <h4 class="sign_up">{{ title }}</h4> […]
Passport.js，Express.js和Angular.js路由：它们如何共存？
我很抱歉这个问题有点长，但是我已经研究了一段时间，真的需要解释所有的故事。 背景 ：基于MEAN堆栈的应用程序，试图使用Passport.js来授权 Facebooklogin。 Passport.js 指南后，我实现了类似于： // HTML <a href="/connect/facebook" target="_self">Add a Facebook login</a> // send to facebook to do the authentication app.get('/connect/facebook',isLoggedIn, passport.authorize('facebook', { scope : 'email' }) ); // handle the callback after facebook has authorized the user app.get('/connect/facebook/callback', passport.authorize('facebook', { successRedirect : '/profile', failureRedirect : '/profile' })); 注意html中的target=_self以跳过Angular路由。 显然，授权工作正常。 但是，redirect不起作用，因为路由由Angular处理。 授权后，我从来没有登陆/profile （但在默认的Angular路线）。 […]
MEANJS用户configuration文件function
我正在尝试使用meanjs来构build一个简单的应用程序。 我有2个模块：标准的用户模块和职位模块。 我想实现的是一个用户configuration文件页面，它将显示有关特定用户和列表post属于该用户的一些信息。 你可以把它想成一个twitter个人资料页面。 我认为这也将是最好的/用户/用户名forms的url结构。 但我在这一切都相当新，现在卡住了。 这是我到目前为止所做的： 我将这些行添加到users.server.routes.js中： app.route('/api/users/:userName').get(users.userByUsername); app.param('userName', users.userByUsername); 像这样添加了一个function到服务器控制： exports.userByUsername = function(req, res, next, username) { User.findOne({ username: username }).exec(function(err, user) { if (err) return next(err); if (!user) return next(new Error('Failed to load User ' + username)); req.profile = user; next(); }); }; 我将这部分添加到users.client.routes.js state('view.profile', { url: '/users/:username', templateUrl: 'modules/users/views/view-profile.client.view.html' }); 我创build了这样一个新的看法： […]
Angular-Fullstack发电机生产应用程序不能正确服务于socket.io？
我在通过相同的设置和configuration在AWS上部署的两个angular-fullstack应用程序之间陷入了麻烦。 看来，尽pipe有相同的设置，但其中的一个socket.io-client / socket.io.js没有正确的服务。 似乎它得到一个错误400（错误的请求），当试图得到socket.io.js，反过来，它得到一个“io未定义”。 我已经缩小到这段代码： var socketio = require('socket.io')(server, { serveClient: (config.env === 'production') ? false : true, path: '/socket.io-client' }); 似乎如果我设置serveClient始终是真实的，它将工作，因为它始终服务于客户端。 如果是这样的话，那么为什么在线设置这么多的资源会导致客户端产生错误？ 它适用于一个应用程序，但不是其他的。 编辑：刚刚部署在AWS与serveClient：true。 不起作用。 但显然它在我的地方工作。 编辑2：为工作的应用程序做了一个npm install ，现在它已经坏了，所以也许有些东西是打包的。 编辑3：做了一个testingNODE_ENV=production后grunt build:dist和相同的问题，所以它应该是与其中一个包的问题。
元素数组无法正常工作
我有以下mongoose模式 var MySchema = new Schema({ field1: [{ format: { type: String, required: true }, value: { type: String, required: true } }], field2: [{ format: { type: String, required: true }, value: { type: String, required: true } }] }); 为了得到这个模型的input，我创build了一个具有控件数组的表单，代码如下 即使如果试图使用$scope.field1[<index>]它给出的错误 TypeError：无法读取未定义的属性'field1' <div class="form-group"> <div class="col-md-12 padding-left-0"> <label for="question">Field1 Values</label> </div> <div class="col-md-12" […]
