Comment partager efficacement des données entre les contrôleurs AngularJS ?

Comment partager des données entre contrôleurs dans Angular JS ?

Pour partager des données entre contrôleurs dans AngularJS, il est recommandé d'utiliser un service. Voici comment mettre en œuvre cette solution :

Créer un service produit :

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

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

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

  return {
    addProduct: addProduct,
    getProducts: getProducts
  };

});

Injecter le service dans les contrôleurs :

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

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

Avec ces étapes, les données peuvent être partagées entre ProductController et CartController via productService. Le ProductController ajoute les produits sélectionnés au service et le CartController les récupère pour mettre à jour la liste de produits dans la vue.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!