将angularjs发布到nodejs Express（Bad request）

Question

im angularJs中的新功能，即时尝试使用angularJS和nodejs（服务器端）进行基本登录，现在我不在乎安全性，只是试图学习如何发布。所以我做了一个登录表单，并用角控制器：

我的登录表单：

<div class="col-md-4"> 
     <h1>Login</h2> 
     <form class="form" > 
     <div class="form-group"> 
      <label>Username</label> 
      <input type="email" class="form-control" ng-model="login.mail" required> 
     </div> 
     <div class="form-group"> 
      <label>Password</label> 
      <input type="password" class="form-control" ng-model="login.password" required> 
      </div> 
      <div> 
      <button type="text" class="btn btn-default" ng-click="login()">Login</button> 
      </div> 
     </form> 
    </div> 

然后我的路由器&控制器Angularjs：

'use strict'; 

angular.module('login', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/login', { 
     templateUrl: 'views/login.html', 
     controller: 'loginCtrl' 
    }); 
}]) 

.controller('loginCtrl', ['$scope', '$http', function ($scope, $http) { 
     $scope.login = function() { 

      $http.post('/api/users/login', $scope.login).success(function (response) { 
       console.log(response); 
//    refresh(); 
      }); 
     }; 

}]); 

和服务器端我有：

router.post('/login/', function(req, res) { 

// here "/login/" means "https://stackoverflow.com/users/login" (in index of controllers) 

    console.log(req.body.mail); 

var usermail = req.body.mail; 
var pass = req.body.password; 
console.log(usermail + pass); 



User.find({mail: usermail}, function(err, user) { 
     if (err) { 
      res.send(err); 
      console.log("ça marche pas") 


     } else { 

      res.json(user); 
      console.log(user); 
     } 
    }) 


}); 

服务器端：它的工作原理（当我使用DHC铬扩展早报），但是当使用im angularjs查看我得到这个错误：

POST http://localhost:3000/api/users/login 400（错误请求）

请帮我解决这个问题，我想我错过了什么。先谢谢你。

Answer 1

我想你发送你的登录功能，如下行：

$http.post('/api/users/login', $scope.login) 

你可能想传递你的登录功能的参数可以被发送到服务器，如下：

$scope.login = function(loginData) { 

    $http.post('/api/users/login', loginData).success(function (response) 

更新

您正在将表单值分配给$ scope.login。如果你想为它创建一个单独的变量，例如登录表单，您可以将这个作为有效的JSON到您的API：

<div class="col-md-4"> 
    <h1>Login</h2> 
    <form class="form" > 
    <div class="form-group"> 
     <label>Username</label> 
     <input type="email" class="form-control" ng-model="loginForm.mail" required> 
    </div> 
    <div class="form-group"> 
     <label>Password</label> 
     <input type="password" class="form-control" ng-model="loginData.password" required> 
     </div> 
     <div> 
     <button type="text" class="btn btn-default" ng-click="login(loginData)">Login</button> 
     </div> 
    </form> 
</div> 

和.js：

.controller('loginCtrl', ['$scope', '$http', function ($scope, $http) { 
     $scope.loginForm = { 
      mail: '', 
      password: '' 
     }; 

     $scope.login = function(loginData) { 
      // Check what this prints out: 
      console.log(loginData); 
      $http.post('/api/users/login', loginData).success(function (response) { 
       console.log(response); 
//    refresh(); 
      }); 
     }; 

}]);