AngularJS RESTful Web服務 - 無刷新地將行添加到表

Question

我想在保存新對象後向表中添加一個新行。 的例子如下：

var demoApp = angular.module("demoApp", ["ngResource"]); 

// Controller 
demoApp.controller("saveCategoryController", function($scope, saveCategoryService, categoriesService){ 
    $scope.categories = categoriesService.query(); 

    $scope.createCategory = function(){ 
     saveCategoryService.saveCategory($scope.category); 
     // I want to avoid this method to refresh my table. 
     // $scope.categories = categoriesService.query(); 

    };  
}); 

// Factory 
demoApp.factory("saveCategoryService", function($resource){ 
    return $resource("/demopro/saveCategory", {}, { 
     saveCategory: { 
      method: "POST" 
     } 
    }); 
}); 

demoApp.factory("categoriesService", function($resource){ 
    return $resource("/demopro/categories", {}, { 
     listAllCategories : { 
      method: "GET", 
      isArray: true 
     } 
    }); 
}); 

有沒有辦法做到這一點無需再作查詢到我的數據庫，以示我的表中的新行？

Answer 1

是的，在邏輯上，你會回報保存，並將其添加到當前列表中保存的對象：

$scope.createCategory = function(){ 
     var newCategory = saveCategoryService.saveCategory($scope.category); 
     $scope.categories.push(newCategory);  
};