AngularJS推到數組檢索$資源查詢並保存

Question

簽出下面的代碼。問題在於評論。

angular.module('MainStreetMower.services', ['ngResource']) 
.factory('Videos', function($resource) { 
    return $resource('/api/jobs/1/'); 
}); 
function VideoListCtrl($scope, Videos) { 
    $scope.videos = Videos.query(); 
    $scope.what = function() { 
     // proper way to push to the videos array and $save() the new array. 
    } 
} 

Answer 1

我下面會說：

function VideoListCtrl($scope, Videos) { 
    $scope.videos = Videos.query(); 

    $scope.what = function() { 

     var newVideoData = {}; // prepare new video data here from the model 
     new Videos(newVideoData).$save(function(video){ 
      $scope.videos.push(video); 
     }); 

    } 
} 

，如果你不想刷新整個列表。另外，您可以在保存回調重新查詢集合是你期望從其他來源的變化：

new Videos(newVideoData).$save(function(video){ 
    $scope.videos = Videos.query(); 
}); 

請注意，您可以使用save方法上的一流水平。例如，上面的代碼可以重寫爲：

Videos.save(newVideoData, function(video){ 
    $scope.videos = Videos.query(); 
});