2015-02-11 68 views
0

我有兩個函數是這樣的:將數據插入輸入值 - AngularJS

$scope.showSerieById = function (id) { 

$http.get('/api/series/' + id) 
    .success(function(data, status, headers, config) { 
    $scope.series = data; 
     console.log(data); 
    }) 
    .error(function(data, status, headers, config) { 
     console.log('Error: ' + data); 
    }); 
}; 

$scope.editSeries = function (id) { 
    var data = { title : $scope.title , season: $scope.season, chapter : $scope.chapter, mark : $scope.mark, image: $scope.image}; 

    $http.put('/api/series/' + id, data) 
    .success(function(data, status, headers, config) { 
     $scope.series.push(data); 
     console.log(data); 
    }) 
    .error(function(data,status,headers,config) { 
     console.log('Error: ' + data); 
    }); 
}; 

我想知道如何插入GET數據(按ID搜索)到表單中,然後使用PUT發送並更新數據。表格如下(不正確):

<form data-ng-repeat="serie in series"> 
     <input type="text" ng-model="serie.title" value="{{series.title}}"> 
     <input type="text" ng-model="serie.season" placeholder="Season..."> 
     <input type="text" ng-model="serie.chapter" placeholder="Chapter..."> 
     <input type="text" ng-model="serie.mark" placeholder="Mark..."> 
     <input type="text" ng-model="serie.image" placeholder="Image..."> 
     </br></br> 
     <button ng-click="addSeries()" class="btn">Add</button> 
     <button ng-click="editSeries(serie._id)" class="btn">Update</button> 
    </form> 

非常感謝!

+0

能否請您添加正確的標記,BCZ還有什麼caled「身份證」在你的標記 – Rajeshwar 2015-02-11 07:44:45

+0

不應該你的ng模型有'系列'而不是'系列'? – 2015-02-11 07:48:39

回答

1

更改editSeries

<form data-ng-repeat="serie in series"> 
    <input type="text" ng-model="serie.title" value="{{series.title}}"> 
    <input type="text" ng-model="serie.season" placeholder="Season..."> 
    <input type="text" ng-model="serie.chapter" placeholder="Chapter..."> 
    <input type="text" ng-model="serie.mark" placeholder="Mark..."> 
    <input type="text" ng-model="serie.image" placeholder="Image..."> 
    </br></br> 
    <button ng-click="addSeries()" class="btn">Add</button> 
    <button ng-click="editSeries(serie)" class="btn">Update</button> 
</form> 

在控制器中,「意甲」對象作爲參數傳遞:

$scope.editSeries = function (serie) { 
    $http.put('/api/series/' + serie.id, serie) 
     .success(function(data, status, headers, config) { 
      //$scope.series.push(data); //No need for push 
      console.log(data); 
     }) 
     .error(function(data,status,headers,config) { 
      console.log('Error: ' + data); 
     }); 
};