AngularJs Http發佈不發帖

Question

按下按鈕，瀏覽器不會發生任何操作，並且我的REST端點上沒有新用戶。 registerUser（）由按鈕按下觸發。我密切關注教程。

的HTML部分

<div class="section no-pad-bot" ng-controller="registerController" id="index-banner"> 

等等等等然後

   <form> 
        <div class="row"> 
         <div class=" input-field col s6 offset-s3"> 
          <i class="material-icons prefix">account_circle</i> 
          <input type="text" class="validate" ng-model="user.username" placeholder="Username"> 
         </div> 
        </div> 
        <div class="row"> 
         <div class=" input-field col s6 offset-s3"> 
          <i class="material-icons prefix">account_circle</i> 
          <input type="text" class="validate" ng-model="user.email" placeholder="Email"> 
         </div> 
        </div> 
        <div class="row"> 
         <div class=" input-field col s6 offset-s3"> 
          <i class="material-icons prefix">account_lock</i> 
          <input type="text" class="validate" ng-model="user.password" placeholder="Password"> 
         </div> 
        </div> 
        <button class="btn waves-effect waves-light" type="submit" ng-click="registerUser()">Submit 
            <i class="material-icons right">send</i> 
           </button> 
       </form> 

在clientapp.js

myApp.controller('registerController', function ($scope, $http) { 
    $scope.registerUser = function() { 
      // use $.param jQuery function to serialize data from JSON 
      var data = $.param({ 
       hashword: $scope.password, 
       username: $scope.username, 
       email: $scope.email, 
      }); 

      var config = { 
       headers : { 
        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;' 
       } 
      } 

      $http.post('/api/users', data, config) 
      .success(function (data, status, headers, config) { 
       console.log("successful post"); 
       $scope.PostDataResponse = data; 
      }) 
      .error(function (data, status, header, config) { 
       console.log("failed post"); 
       $scope.ResponseDetails = "Data: " + data + 
        "<hr />status: " + status + 
        "<hr />headers: " + header + 
        "<hr />config: " + config; 
      }); 
     }; 

Answer 1

因爲在HTML頁面中，你是指user.username，「用戶。電子郵件'和user.password而不是username,分別爲和password。

嘗試改變下列

<input type="text" class="validate" ng-model="username" placeholder="Username"> 
<input type="text" class="validate" ng-model="email" placeholder="Email"> 
<input type="text" class="validate" ng-model="password" placeholder="Password"> 

希望它可以幫助