2016-07-08 19 views
0

anglejsを通じてデータベースにフォームデータを格納しようとしていますが、データベースに格納されていません。私が間違っていることを知りませんか?Angularjsフォームのデータがデータベースに格納されていません

私のHTMLフォーム

<form id="challenge_form" class="row" > 
      <input type="text" placeholder="Challenge Name" ng-model="challengeName" /> 
      <select class="btn-group form-control" id="sel1" ng-model="challengeType"> 
       <option>-- Select Activity Type --</option> 
       <option value="running">Running</option> 
       <option value="walking">Walking</option> 
       <option value="cycling">Cycling</option> 
      </select> 
      <input type="date" placeholder="Start Date" ng-model="startDate" /> 
      <input type="date" placeholder="End Date" ng-model="endDate" /> 
      <input type="button" class="btn btn-theme" ng-click="newChallenge()" value="Decide Prize"> 
      <input type="button" class="btn btn-theme" value="Cancel"> 

     </form> 

マイangularjsコントローラ

app.controller("NewChallengesController", ["$http", "$scope", "authenticationSvc", function ($http, $scope, authenticationSvc) { 
    //alert("hello, inside New Challenge Controller"); 

    var token = authenticationSvc.getUserInfo(); 
    var config = { 
     headers: { 
      'h5cAuthToken': token.accessToken, 
      'Accept': 'application/json;odata=verbose' 
     } 

    }; 


    $scope.newChallenge = function() { 
     var data = { 
      "challengeName": $scope.challengeName, 
      "selectedRewardId": "283081", 
      "startDate": $scope.startDate, 
      "endDate": $scope.endDate, 
      "activityCategoryId": 51, 
      "minParticipant": 0, 
      "referredNumbers": "9876543213", 
      "distance": 15.0, 
      "challengeType": $scope.challengeType 
     }; 

     $http.post("http://103.19.89.152:8080/ccp-services/userchallenge/create", data, config).then(function (response) { 
      alert("challenge created successfully"); 
     }); 
    }; 

}]); 

私は警告 "正常に作成挑戦" を取得していますが、データはデータベースに保存されていません。どんな助けも高く評価されています!例、 については

+0

サーバー側で何が起きているかを確認します。また、応答をコンソールにしてみてください。 –

+0

データをポストしているサービスにブレークポイントを設定してみてください。また、応答コードがフィドラーで返されていることを確認してください –

答えて

1

は、この要求マッピング/ccp-services/userchallenge/createモデル変数を確認してくださいあなたのモデルオブジェクト名に かもしれないあなたがangularjsで作成したものは全く異なっています。したがって、モデル変数名がUIモデル変数の同じ名前で、そのデータのみをバインドして処理する必要があることを確認してください。

+0

ありがとう@SakthiSureshAnand、 –

関連する問題