AngularJS đẩy vào mảng được truy xuất bằng truy vấn tài nguyên $ và lưu

Question

Thanh toán mã bên dưới. Câu hỏi nằm trong phần bình luận.

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

tôi sẽ nói như sau:

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); 
     }); 

    } 
} 

nếu bạn không muốn để làm mới toàn bộ danh sách. Hoặc bạn có thể tái truy vấn các bộ sưu tập trong tiết kiệm callback là bạn mong đợi những thay đổi từ các nguồn khác:

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

Xin lưu ý rằng bạn có thể sử dụng phương pháp save vào mức độ lớp. Ví dụ: mã ở trên có thể được viết lại là:

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