AngularJS 컨트롤러 간에 데이터를 효과적으로 공유하는 방법은 무엇입니까?

Angular JS에서 컨트롤러 간 데이터를 공유하는 방법은 무엇입니까?

AngularJS에서 컨트롤러 간 데이터를 공유하려면 서비스를 사용하는 것이 좋습니다. 이 솔루션을 구현하는 방법은 다음과 같습니다.

제품 서비스 생성:

app.factory('productService', function() {
  var productList = [];

  var addProduct = function(newObj) {
      productList.push(newObj);
  };

  var getProducts = function(){
      return productList;
  };

  return {
    addProduct: addProduct,
    getProducts: getProducts
  };

});

컨트롤러에 서비스 삽입:

app.controller('ProductController', function($scope, productService) {
    $scope.callToAddToProductList = function(currObj){
        productService.addProduct(currObj);
    };
});

app.controller('CartController', function($scope, productService) {
    $scope.products = productService.getProducts();
});

이러한 단계를 통해 ProductController와 CartController 간에 데이터를 공유할 수 있습니다. 제품 서비스. ProductController는 선택한 제품을 서비스에 추가하고 CartController는 해당 제품을 검색하여 뷰의 제품 목록을 업데이트합니다.

위 내용은 AngularJS 컨트롤러 간에 데이터를 효과적으로 공유하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!