レール付きAngularjs API残り400（悪いリクエスト）

Question

こんにちは私はレールapiとangularJsのプロジェクトを作って、次のエラーが見つかりました。

angular.js：11821 POST http://localhost:3000/people 400（不正なリクエスト）

そして私はなぜ見つけることができませんでした。

以下のコード。それが似ている場合

Railsのコントローラ

# POST /people 
    def create 
    @person = Person.new(person_params) 

    if @person.save 
     render json: @person, status: :created, location: @person 
    else 
     render json: @person.errors, status: :unprocessable_entity 
    end 
    end 

AngularJS

$scope.SendData = function() { 
      // use $.param jQuery function to serialize data from JSON 
      var data = $.param({ 
       name: $scope.name, 
       age: $scope.age, 
       gender:$scope.gender, 
       lonlat:$scope.lonlat 
      }); 

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

      $http.post('http://localhost:3000/people', data, config) 
      .then(function (data, status, headers, config) { 
       $scope.PostDataResponse = data; 
      }) 
      .catch(function (data, status, header, config) { 
       $scope.ResponseDetails = "Data: " + data + 
        "<hr />status: " + status + 
        "<hr />headers: " + header + 
        "<hr />config: " + config; 
      }); 
     }; 

Htmlの

Answer 1

を聴くための

<div ng-app="myApp" ng-controller="person"> 
<div class="modal-body"> 
<div class="form-group"> 
<label for="exampleInputEmail1">Name:</label> 
<input type="text" class="form-control" name="name" ng-model="name" placeholder="Email"> 
</div> 
<div class="form-group"> 
<label for="exampleInputEmail1">age:</label> 
<input type="text" class="form-control" name="age" ng-model="age" placeholder="Email"> 
</div> 
<div class="form-group"> 
<label for="exampleInputEmail1">gender:</label> 
<input type="text" class="form-control" name="gender" ng-model="gender" placeholder="Email"> 
</div> 
<div class="form-group"> 
<label for="exampleInputEmail1">lonlat:</label> 
<input type="text" class="form-control" name="lonlat" ng-model="lonlat" placeholder="Email"> 
</div> 
<button ng-click="SendData()" 
class="btn btn-default">Submit</button> 

    {{ PostDataResponse }} 

おかげで私はあなたのperson_params定義を参照することはできませんが、レールジェネレーターで製造された場合、personハッシュでパラメーターをラップするには不足しています

var data = $.param({person: 
    { name: $scope.name, 
     age: $scope.age, 
     gender:$scope.gender, 
     lonlat:$scope.lonlat } 
});