AngularJS：提交一個新對象後更新數組

Question

我需要通過替換push方法保存對象後更新數組。我試圖使用函數而不是push方法，但它不起作用。任何想法如何解決這個問題？

app.controller("productController", function($scope, $http, createProductService, listProducstService){ 

    $scope.addProduct = function(){ 
     var newProduct = createProductService.createProduct($scope.product); 
     //$scope.products.push(newProduct);  
     updateArray(); 
    }; 

    $scope.products = listProductsService.query(); 

    var updateArray = function(){ 
     $scope.products = listProductsService.query(); 
    } 
} 

app.factory("listProductsService", function($resource){ 
    return $resource("getAllProducts", {}, { 
     listProducts: { 
      method: "GET", 
      isArray: true 
     } 
    }) 
}) 

Answer 1

你需要使用$scope.$apply()：

var updateArray = function(){ 
    $scope.$apply(function() { 
     $scope.products = listProductsService.query(); 
    });  
} 

http://jimhoskins.com/2012/12/17/angularjs-and-apply.html