Wie kann man Daten effektiv zwischen AngularJS-Controllern teilen?

Wie teile ich Daten zwischen Controllern in Angular JS?

Um Daten zwischen Controllern in AngularJS auszutauschen, wird die Verwendung eines Dienstes empfohlen. So können Sie diese Lösung implementieren:

Erstellen Sie einen Produktservice:

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

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

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

  return {
    addProduct: addProduct,
    getProducts: getProducts
  };

});

Injizieren Sie den Service in Controller:

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

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

Mit diesen Schritten können Daten zwischen ProductController und CartController über den ProductService ausgetauscht werden. Der ProductController fügt dem Service ausgewählte Produkte hinzu und der CartController ruft sie ab, um die Produktliste in der Ansicht zu aktualisieren.

Das obige ist der detaillierte Inhalt vonWie kann man Daten effektiv zwischen AngularJS-Controllern teilen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!