Angular $ http.put问题

时间:2016-01-06 20:16:31

标签: javascript jquery angularjs html5

我使用angular有$ http.put的问题。 我有一个我要编辑的表单,当我点击编辑按钮时,我发送另一个表单上的所有数据,然后我编辑这些数据,然后我希望这些数据在我点击保存按钮时保存。

我从代码中获取数据的代码:

.controller("editTaskCtrl", function($scope, $http){

$scope.editTask = function(value) {
    $http({
          method: 'GET',
          url: 'http://46.101.203.23:8080/pomomanage-1.0.0/rest/tasks/' + value
        }).then(function successCallback(response) {
            console.log(response.data);
            $('#editedId1').val(response.data.id);
            $('#titleToEdit1').val(response.data.title);
            $('#contentToEdit1').val(response.data.content);
            $('#editedStatus1').val(response.data.status);
            $('#editedEstimation1').val(response.data.estimation);              
          }, function errorCallback(response) {
            console.log("try again");
          });
}

})

我保存这些数据的代码:

.controller("saveEditedTask", function($scope, $http){
$scope.editedTask = function() {
        $http.put("http://46.101.203.23:8080/pomomanage-1.0.0/rest/tasks/edit", {
            'id': $scope.editedId,
            'title': $scope.editedTitle,
            'content': $scope.editedContent,
            'status': $scope.editedStatus,
            'estimation': $scope.editedEstimation
        }).then(function successCallback(response) {
            alert("task is edited");
          }, function errorCallback(response) {
            alert("try again");
          })
}

})

这是我发送数据的形式:

        <form ng-submit="editedTask();" data-ng-controller="saveEditedTask">
            <input type="text" id="editedId1" ng-model="editedId" hidden>
            <input type="number" id="editedEstimation1" ng-model="editedEstimation" hidden>
            <input type="text" id="editedStatus1" ng-model="editedStatus" hidden>
            <label for="editedTitle">Title:</label><input id="titleToEdit1" type="text" ng-model="editedTitle">
            <label for="editedContent">Content:</label><input id="contentToEdit1" type="text" ng-model="editedContent">
            <button type="submit" id="saveEditedTask">Save</button>
        </from>

但是当我点击“保存”按钮时,它会返回空数据。 有人可以帮忙吗?

0 个答案:

没有答案