角度+ Railsの：POSTリクエスト422/CSRFエラー

Question

は、私が得続ける：

が2msの（ActiveRecordの：0.0ms）で422処理不能エンティティを完了したCSRFトークンの真正 性を検証することはできません

私がしようとしています新しいデータベースエントリを投稿する$ httpリクエストを作成する。 RoRを超える角度を使用する。私の角度コントローラの内側

：

... 
$scope.createArea = function(data){ 
    var areaData = $scope.areaData; 
    var url = '/locations/' + locationService.id + '/floors/' + floorService.id + '/areas.json' 
    $http({ 
    url: url, 
    method: 'POST', 
    contentType: "application/json", 
    data: areaData 
    }); 
}; 

私の形：私のレールのコントローラで

<div class="form-horizontal" id="new-area" ng-controller="mapsController"> 
    <form ng-submit="createArea(areaData)"> 
    <div id="name-group" class="form-group"> 
     <label>Name</label> 
     <input type="text" name="name" class="form-control" placeholder="Area Name" ng-model="areaData.name" /><br /> 

     <label>Group</label> 
     <select class="form-control"> 
     <option ng-repeat="group in groups" value="{{group.id}}" ng-model="areaData.groupID">{{group.name}}</option> 
     </select> 
    </div> 

    <button type="submit" class="btn btn-default">Create</button> 
    </form> 
</div> 

：

def create 
    respond_to do |format| 
     format.json 
    end 
end 

Answer 1

見つかり答え：私のgemfileに追加宝石 'angular_rails_csrf' 。ドキュメント：https://github.com/jsanders/angular_rails_csrf