Heim > Web-Frontend > js-Tutorial > Wie kann man Daten effektiv zwischen AngularJS-Controllern teilen?

Wie kann man Daten effektiv zwischen AngularJS-Controllern teilen?

Mary-Kate Olsen
Freigeben: 2024-12-24 14:32:10
Original
240 Leute haben es durchsucht

How to Effectively Share Data Between AngularJS Controllers?

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
  };

});
Nach dem Login kopieren

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();
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage