Tag: angularjs

使用快速REST API编辑post

我有一个与mongoose和mongoDBangular度expression的应用程序 对于angular部分我有: .controller('EditPostCtrl', ['$scope', '$http', '$location', '$routeParams', function($scope, $http, $location, $routeParams){ // populate the form $scope.form = {}; $http.get('/api/post/' + $routeParams.post_id) .success(function(data){ $scope.form = data; }); // save changes and redirect $scope.editPost = function(){ $http.put('/api/post/' + $routeParams.post_id, $scope.form) .success(function(data){ $location.url('/post/' + $routeParams.post_id); }); }; }]) 那么对于快件我有一个路线: app.put('/api/post/:post_id', posts.editPost); exports.editPost = function(req, res){ var updatedPost = […]

Heroku部署错误:找不到模块'./errors/cast'

我使用yeoman angular-fullstack生成器构build了我的应用程序,然后根据自己的目的进行了修改。 我build立dist文件夹来部署到heroku使用哟angular-fullstack:部署heroku。 它为我创build一个新的heroku应用程序,当我cd到dist文件夹和git推heroku主一切都很好。 我希望能够将我现有的heroku应用程序添加到这个dist文件夹的部署过程,所以我跟着这篇文章如何链接一个文件夹与现有的Heroku应用程序 。 然后,我可以使用与heroku不同的远程名称部署到我自己的应用程序。 当它开始在heroku上运行时,我一直得到相同的错误。 我无法弄清楚为什么完全相同的代码在为我创build的应用程序运行正常,但不是我现有的应用程序。 这几乎就像我需要清除node_modules并再次推送? 2014-02-21T04:43:51.989439+00:00 app[web.1]: module.js:340 2014-02-21T04:43:51.996351+00:00 app[web.1]: Error: Cannot find module './errors/cast' 2014-02-21T04:43:51.996351+00:00 app[web.1]: at Function.Module._resolveFilename (module.js:338:15) 2014-02-21T04:43:51.991555+00:00 app[web.1]: throw err; 2014-02-21T04:43:51.991785+00:00 app[web.1]: ^ 2014-02-21T04:43:51.996351+00:00 app[web.1]: at require (module.js:380:17) 2014-02-21T04:43:51.996351+00:00 app[web.1]: at Module.require (module.js:36 4:17) 2014-02-21T04:43:51.996351+00:00 app[web.1]: at Function.Module._load (module.js:280:25) 2014-02-21T04:43:51.996351+00:00 app[web.1]: at Module._compile (module.js:456:26) 2014-02-21T04:43:51.996351+00:00 app[web.1]: […]

在JavaScript中不使用数字占位符复制C#的string.format()

C#的String.Format方法允许您保留“用指定对象的string表示replace指定string中的一个或多个格式项”。 string text = "select {0},{1},{2} from {3} where {4};" var result = String.Format(text, "col1","col2","col3","table","col1 > 10"); 之后这个结果看起来像 select col1,col2, col3 from table where col1 > 10; 我也在利用类似于JavaScript的function,看起来像这样。 this.FormatString = function() { var s = arguments[0]; for (var i = 0; i < arguments.length – 1; i++) { var reg = new RegExp("\\{" + i […]

Mean Stack应用程序中的部分页面呈现问题

我通过Pluralsight教程学习Mean Stack。 我在某些时候渲染部分2天。 你可以参考下面的图片获取我的文件夹结构。 server.js /** * Created by nyaconcepts on 4/10/2014. */ var express=require('express'); var env=process.env.NODE_ENV=process.env.NODE_ENV||'development'; var app=express(); var config=require('./server/config/config')[env]; require('./server/config/express')(app,config); require('./server/config/mongoose')(config); require('./server/config/routes')(app); app.listen(config.port); console.log('Listening on port'+config.port+'—'); express.js var express=require('express'), bodyParser = require('body-parser'), morgan = require('morgan'), stylus=require('stylus'); module.exports=function(app,config) { function compile(str,path){ return stylus(str).set('filename',path); } app.set('views',config.rootPath+'server/views'); app.set('view engine','jade'); app.use(morgan('dev')); app.use(bodyParser()); app.use(stylus.middleware({ src:config.rootPath+'/public', compile:compile } )); […]

Angular post到nodejs

我只想发布一些更改到数据库。 这是我的angular度 – 问题是,它不会从我的HTMLinput值。 参见代码第2部分: mainController = function ($scope, $http) { $scope.post = {}; console.log($scope); console.log($scope.post); $http.get('/api/todos') .success(function(data) { $scope.posts = data.posts; $scope.datas = data; // console.log(data); }) .error(function(data) { console.log('Error: ' + data); }); $scope.editTodo = function() { console.log($scope.post); $http.post('/post/edit', $scope.post) .success(function(data) { $scope.post = {}; console.log($scope.post); $scope.posts = data.posts; $scope.datas = data; }) […]

访问控制来源不允许

我在AngularJS中面对“不允许访问控制源”问题,并基于AngularJS CORS问题我在代码中添加了以下几行: angular.module('app', [ 'ngRoute', 'appModules.filters', 'appModules.ajaxCallService' ]) .config(['$routeProvider', '$httpProvider', function($routeProvider, $httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; $routeProvider.when('/login', {templateUrl: 'views/login.html', controller: 'LoginCtrl'}); }]); 但是我仍然面临着一个问题: XMLHttpRequest cannot load http://127.0.0.1:8000/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. 任何人都可以帮我解决这个问题? 即使在URL中使用本地主机,我得到同样的问题 XMLHttpRequest cannot load http://localhost:8000/login. No 'Access-Control-Allow-Origin' header is […]

使用REST API在ExpressJS和AngularJS中上传文件

我是AngularJS和Node.js的新手。 我想使用REST API AngularJS和Express.js来实现文件(.pdf,.jpg,.doc)上传function。 我试图从使用NodeJS来获取API调用上传文件的想法,但我仍然不清楚如何在REST API中使用AngularJS和Express.js上传文件。 任何人都可以向我解释如何使用REST API和AngularJS和Express.js上传文件,基本的例子?

Angularjs在Express 4.0后端API上进行路由

我已经开始使用Express 4.0服务器的应用程序。 我已经在很大程度上根据scotch.io( http://scotch.io/tutorials/javascript/build-a-restful-api-using-node-and-express-4 )上的教程设置了路线,build立了一个后端api服务于前端SPA(angularjs)。 这里是后端路由器的摘录: router.route('/users') .get(function (req, res) { User.find(function(err, users) { if (err) { res.send(err); } else { res.json(users); } }); }) 再向下 // home page route (http://localhost:8080) router.get('/', function(req, res) { res.send('API ROOT'); }); app.use('/api', router); 从前端我只使用get来从api获取用户: $http.get('/api/users') .success(function(data) { $scope.users = data; }); 而angular度路线是这样设置的: .when('/', { templateUrl: 'views/home.html', controller: 'MainController' […]

AngularJS不在Flask应用程序中运行

我正在按照这个简单的教程创build一个pinterest克隆。 http://blog.jetbrains.com/pycharm/2013/12/video-pycharm-web-magic-building-a-pinterest-clone/ 我很难让Angular工作。 html代码: <!DOCTYPE html> <html> <head> <title>Pin Clone</title> </head> <body ng-app1="app1" ng-controller="AppCtrl as app1"> {{ app1.message }} <script src="bower_components/angular/angular.js"></script> <script src="js/app1.js"></script> </body> </html> app1.js代码: var app1 = angular.module("app1", []); app1.controller("AppCtrl", function () { var app1 = this; app1.message = "not working" }) 当我重新加载页面时,我只能看到文本:{{app1.message}}这是在浏览器中。 控制台在重新载入时声明: 127.0.0.1 – – [07/Jun/2014 12:59:50] "GET / HTTP/1.1" 304 […]

MEAN堆栈,angular度基本示例不起作用

我是新手到平均堆栈。 我正在从许多网站做例子。 但我不能走得更远。 这是问题。 我的networking服务器可以发送index.html和其他js文件。 但简单的angular度应用程序将无法工作。 这里是代码。 的index.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-,8"> <title>BTELI</title> </head> <body> <div ng-app="testApp"> <ng-view></ng-view> </div> <script src="bower_components/angular/angular.min.js"></script> <script src="javascripts/app.js"></script> </body> </html> app.js var app = angular.module("testApp",[]); app.config(function ($routeProvider) { $routeProvider.when('/', { templateUrl: "view/main.html", controller: "MainCtrl" } ) }) app.controller("MainCtrl", function ($scope) { $scope.model = { message:"This is MY […]