通过Rest APi访问put请求时出现错误

时间:2017-09-20 09:11:23

标签: javascript angularjs

我正在通过angularjs开发 REST API ,我正在访问put - 修改内容的方法。当我对数据进行修改并单击save()按钮 json-data 将被删除并在控制台中抛出未定义的函数 HTML:

<div>
    <button class="btn btn-secondary" ng-hide="editMode" ng-click="toggle_edit()"> Edit </button>
    <button class="btn btn-success" ng-show="editMode" ng-click="toggle_save(cts.selectedcontact)"> Save </button>          
</div>

<b> Street:</b> 
   <p ng-hide="editMode"> 
       {{cts.selectedcontact.location.street}} 
  </p>
<input type="text" ng-show="editMode" ng-model="cts.selectedcontact.location.street"><br/>

Angular.js:

$scope.toggle_save = function(contacts){
  $scope.selectedcontact = [];
         $http.put('http://localhost:3000/contacts/' + contacts.id)
           data: ({
                   selectedcontact: contacts.selectedcontact
                 })
                .then(function (data){
                  console.log(data)
                    $scope.cts.selectedcontact = data;
                        $scope.toggle_edit();
                  })
                    .error(function (data) {
                        console.log("Error:" + data)
                    });
                };

1 个答案:

答案 0 :(得分:3)

有一些错字错误

$scope.toggle_save = function(contacts){
      $scope.selectedcontact = [];
      $http.put('http://localhost:3000/contacts/' + contacts.id, {
           selectedcontact: contacts.selectedcontact
       }).then(function (data){
          // success callback
          console.log(data)
          $scope.cts.selectedcontact = data;
          $scope.toggle_edit();
       }, function (data) {
           // error callback
           console.log("Error:" + data)
       });
};