Tag: angularjs
如何从angular.js中的redirectURL捕获和获取价值？
我使用angular.js作为前端和node.js作为后端，现在我打电话在我的本地主页中button点击事件下面提到的URL。 示例url： https：//开头的locahost：3000 / AUTH /授权RESPONSE_TYPE =代码＆CLIENT_ID = abzefcbbkjajsdd＆范围= userfetchit＆REDIRECT_URI =本地主机＆随机数= 32324 当我打电话给上面的URL它显示login页面在新窗口中，并在我给了电子邮件和密码后，它被redirect到下面提到的另一个URL redirect的url： HTTPS：//本地主机：3000 / AUTH /本地主机代码= 8dacae52ee284db3dc776aa6d3563912 预期结果 ： 现在，我想在angular.js中从上面的URL中获取代码值“8dacae52ee284db3dc776aa6d3563912”。 HTML代码： <html ng-app='app' ng-controller='LoginController'> <head> </head> <body> <div class="container"> <div class="jumbotron"> <button type="button" class="btn btn-primary btn-lg" ng-click="tokenLogin()"> New Login </button> </div> </div> <pre>{{ cleanData | json}}</pre> </body> </html> 控制器代码： angular.module('app', []) .controller('LoginController', ['$location','$window','$scope', […]
Angular-Google-Maps库不加载
我使用angularjs和节点为我的应用程序，我想要在我的应用程序中集成谷歌地图。 我使用这组指令http://angular-ui.github.io/angular-google-maps/#!/ ， 显示的问题是这样的： Uncaught Error: [$injector:modulerr] h ttp://errors.angularjs.org/1.6.2/$injector/modulerr?p0=VisualiseATM&p1=Err… at%20Mc%20(http%3A%2F%2Flocalhost%3A3000%2Flib%2Fangular.min.js%3A21%3A332) at angular.min.js:6 at angular.min.js:41 at q (angular.min.js:7) at g (angular.min.js:40) at db (angular.min.js:45) at c (angular.min.js:21) at Mc (angular.min.js:21) at qe (angular.min.js:20) at angular.min.js:331 at HTMLDocument.b (angular.min.js:37) 具体来说，这是一个问题： 模块'uiGmapgoogle-maps'不可用！ 您拼写错误的模块名称或忘记加载它。 如果注册一个模块，确保你指定依赖关系作为第二个参数。 这是我的angular码： var app = angular.module("VisualiseATM", [ 'uiGmapgoogle-maps', 'ui.router' , 'controllers' , 'ngCookies' , ]); […]
JSON数据没有得到显示
我是Angular JS的新手，正在尝试使用JSON数据调用Rest API。 但是当我运行我的HTTP服务器时，没有任何显示。 当我在控制台中放下响应时，我正在接收响应。 Htmlcode： <html ng-app="myapp"> <head> <div ng-controller="header"> <h1><center>{{apptitle}}</center></h1> </div> <div ng-controller="contactinfo"> <table class="table"> <thead> <tr> <th>Sl.No</th> <th>Name</th> <th>Address</th> <th>Phno</th> </tr> </thead> <tbody ng-repeat="info in contact"> <tr> <th scope="row">1</th> <td>{{ info.name }}</td> <td>{{ info.location }}</td> <td>{{ info.phone }}</td> </tr> <tr> <th scope="row">2</th> <td>{{ info.name }}</td> <td>{{ info.location }}</td> <td>{{ info.phone }}</td> </tr> […]
testingAngularJS express节点的应用程序
我有一个与jasmine-node和mocha （与zombie ）testing我的应用程序的问题。 重点是angular不适用于这个testing环境 – 当browser.visit "http://localhost:3000/"它只显示布局，并且不显示任何模板链接 。 我猜javascript不会在浏览器（我的意思是僵尸对象）中运行。 我的testing是否有任何方法使其工作？ 或者问题是不同的？ 在茉莉花规范，我从另一个项目规范复制发生错误： /home/alder/Node/angular-express-coffee/spec/app_spec.coffee:12 throw error; ^ ReferenceError: angular is not defined at /js/services.js:4:3 at /js/services.js:6:4 in /js/services.js 所以我想JavaScript不起作用。 更新：我添加debugging选项，并在这里显示它： ➜ angular-express-coffee git:(master) ✗ mocha –require should –compilers coffee:coffee-script –colors -R spec –ui bdd Given I am a new user When I visit the home page […]
当使用方法：POST时，AngularJS $资源调用错误的API URL
放入标题不是最简单的问题。 无论如何，我的应用程序是build立在nodejs / expressjs并且为这个url设置了一个API： 编辑：我正在使用的当前代码是： $scope.updateProduct = $resource('/api/updateProduct/:product/:param/:value',{},{ query: {method:'GET'}, post: {method:'POST'}, save: {method:'PUT', params: {brand: '@brand', param:'@param', value:'@value'}}, remove: {method:'DELETE'} }); $scope.updateProduct.save({ product : $scope.post._id, param: 'likes', value: $scope.user._id }); 目前它调用/api/updateProduct而不是/api/updateProduct/<product>/<param>/<value>就像我执行$scope.updateProduct.get()时的$scope.updateProduct.get() 。 在我的控制台中，我看到（作为一个例子）： PUT /api/updateBrand/Quay%20Eyewear%20Australia/userTags/sunglasses,%20classic 200 30ms – 2.31kb 但是，API实际上没有被访问/没有任何反应。 有趣的是，如果我在我的浏览器中访问localhost:5000/api/updateBrand/Quay%20Eyewear%20Australia/userTags/sunglasses,%20classic ，它会发布正确的数据并更新我的数据库中的产品，所以肯定是$resource被调用的方式。
我如何安装库不在npm上使用browserify？
我一直在使用angular度和使用鲍尔作为包pipe理器。 对于目前的项目，我想在浏览器中使用一些npm模块，并开始与browserify 对于我的初学者项目，我能够npm install angular angular-ui-router –save因为他们有npm 包，但是我习惯用bower install安装依赖 构build我的browserify-angular应用程序，如何安装npm上未列出的依赖项？ 从本质上来说，browserify有一个替代bower install ，或者我可以用browserify凉亭？ 对于当前的项目，我有一个package.json看起来像这样： { "name": "browserify-begin", "version": "0.0.0", "dependencies": { "7digital-api": "^0.15.2", "angular": "^1.2.16", "angular-ui-router": "^0.2.10" }, "devDependencies": { "browserify": "^4.1.5", "grunt": "^0.4.5", "grunt-browserify": "^2.1.0", "grunt-contrib-connect": "^0.7.1", "grunt-contrib-copy": "^0.5.0" } }
我在哪里把Angular代码放在这个Mean.js应用程序中，使这个列表可sorting？
按照@Pavlo的build议使用https://github.com/angular-ui/ui-sortable ， 我有这个重复列表，我想sorting。 <div ui-sortable ng-model="regions" class="list-group region-list"> <a data-ng-repeat="region in regions" data-ng-href="#!/regions/{{region._id}}" class="list-group-item"> <h4 class="list-group-item-heading" data-ng-bind="region.name"></h4> </a> </div> 遵循@nrodic的build议，并将'ui.sortable'添加到config.js。 var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ui.sortable']; 但是，当我添加，我收到以下消息： “ui.sortable：jQuery应该包含在AngularJS之前！” 任何进一步的帮助，赞赏。 谢谢。
当restAPI应用程序服务器（express）和Angulars js应用程序运行在不同的端口时，Cors问题
我有restapi应用程序写在node.js＆express是运行在端口3000和angularjs应用程序运行在同一台服务器上的端口9001上。 从angularjs应用程序调用rst api是给cors问题。 在其他api应用程序中，我使用了“cors”模块 var cors = require('cors'); app.use(cors()); 但它给了我下面的错误 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/user/login. This can be fixed by moving the resource to the same domain or enabling CORS 请求头和响应头如下 响应标题 Content-Length 222 Content-Type application/json; charset=utf-8 Date Tue, 16 Dec 2014 08:40:05 GMT X-Powered-By Express […]
护照通过json发送错误
我正在用express +护照和angularJS做一个应用程序; 我希望能够发送任何由护照产生的错误（如用户名采取或没有提供电子邮件）由JSON所以我的angularJS应用程序可以接收这些错误的JSON响应。 更具体地说，现在我想对我的注册POST方法有一个JSON响应，输出任何错误。 我试图为自己做这个，我search遍及networking和堆栈溢出我只是无法工作了这一点！ 这里是我的用户路由文件的快递： var express = require('express'); var router = express.Router(); var isAuthenticated = require('../config/isAuthenticated'); module.exports = function(passport){ router.get('/loggedin', function(req, res){ res.send(req.isAuthenticated() ? req.user : '0'); }); router.post('/signup', passport.authenticate('local-signup', { successRedirect : '/', failureRedirect : '/signup', failureFlash: true })); router.post('/login', passport.authenticate('local-login'), function(req, res){ res.send(req.user); }); router.post('/signout', function(req,res){ req.logout(); res.json({redirect: '/'}); }); router.get('/authtest', […]
从咕噜哟angular度的完整的项目select不同的环境？
在脚手架生成的项目中，使用哟angular满足，我通常使用grunt（我不是专家）启动应用程序。 例 grunt grunt serve 等等。 据我所知，我有三个不同的环境（开发，testing，生产）。 每当我需要改变我必须去主文件改变正确的线（默认是发展）。 如何从terminal中select其中之一？ 我完全确定必须有办法做到这一点从咕噜… 我可以想象它必须是类似的东西 grunt serve –env:prod grunt serve –test grunt serve development 我已经尝试了所有这些，但没有，我花了一些时间试图从Gruntfile中找出它，但我找不到Googlesearch。 有谁知道这是怎么做到的吗？ 任何帮助，将不胜感激
