PUT方法在AngularJs中不起作用

Question

Im被卡住了，因爲我必須爲我的工作創建一個Update方法，但是對於AngularJs，表單沒有采用ng-model信息。我不知道爲什麼。因爲在我使用簡單的POST方法輕鬆完成之前2個小時。

這裏是我的控制器代碼：

$scope.UpdateData = function (petId) {  
    $http({ 
     method: 'PUT', 
     url: baseApiUrl + '/pets/' + petId, 
     data: { 
      id: petId, 
      name: $scope.updateName, 
      age: $scope.updateAge, 
      owner: $scope.updateOwner, 
     } 
    }).then(function successCallback(response) { 
     console.log(response); 
    }, function errorCallback(response) { 
     console.log(response); 
    }); 
}; 

這是我的看法：

<table class="table table-hover table-bordered"> 
    <thead> 
    <tr class="text-center pointer back-grey"> 
     <th class="text-red"> 
     Nom 
     </th> 
     <th class="text-red"> 
     Age 
     </th> 
     <th class="text-red"> 
     Propriétaire 
     </th> 
     <th class="text-red"> 
     Action 
     </th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="pet in pets"> 
     <td><input type="text" placeholder="{{ pet.name }}" name="name" class="form-control" ng-model="updateName" required></td> 
     <td><input type="text" placeholder="{{ pet.age }}" name="age" class="form-control" ng-model="updateAge" required></td> 
     <td><input type="text" placeholder="{{ pet.owner }}" name="owner" class="form-control" ng-model="updateOwner" required></td> 
     <td><input id="update" type="submit" class="btn btn-danger disabled" ng-click="UpdateData(pet.id)" /></td> 
    </tr> 
    </tbody> 
</table> 

當我改變我的形式的值，然後按下按鈕，我有這樣的：

Object {data: "1", status: 200, config: Object, headers: function} 

該id是petId，因爲我問，但名稱不會改變。當我更改$ scope.updateName字符串像「你好」這是工作...

感謝您的幫助！

Answer 1

您對所有對象的「寵物」使用相同的變量。所以，如果你有兩隻寵物，同一個變量'updateName'會有兩個輸入，這可能導致未定義的行爲。 我建議你做這樣的事情：

<tr ng-repeat="pet in pets track by $index"> 
    <td><input type="text" placeholder="{{ pet.name }}" name="name" class="form-control" ng-model="updateName[$index]" required></td> 
    <td><input type="text" placeholder="{{ pet.age }}" name="age" class="form-control" ng-model="updateAge[$index]" required></td> 
    <td><input type="text" placeholder="{{ pet.owner }}" name="owner" class="form-control" ng-model="updateOwner[$index]" required></td> 
    <td><input id="update" type="submit" class="btn btn-danger disabled" ng-click="UpdateData($index)" /></td> 
</tr> 


$scope.UpdateData = function (idx) {  
    $http({ 
     method: 'PUT', 
     url: baseApiUrl + '/pets/' + petId, 
     data: { 
      id: $scope.pets[idx], 
      name: $scope.updateName[idx], 
      age: $scope.updateAge[idx], 
      owner: $scope.updateOwner[idx], 
     } 
    }).then(function successCallback(response) { 
     console.log(response); 
    }, function errorCallback(response) { 
     console.log(response); 
    }); 
};