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