Confusion about data usage in Controllers

Question

How can I use the fetched data in customersController in AnotherCustomersController

function customersController($scope, $http) {
    $http.get("http://www.w3schools.com//website/Customers_JSON.php")
    .success(function(response) {$scope.names = response;});
}

function AnotherCustomersController($scope){ 
  //What should I do here??
}

Full Details Here

Please check this answer http://stackoverflow.com/a/12233991/1223357 Abstract logic responsible for fetching data to reusable service. — Teq1, Sep 05 '14 at 21:15

score 0 · Accepted Answer · edited May 23 '17 at 12:12

You can share data between controllers using $rootscope but I don't think this is a best practice so my solution contain usage of angular service -> plnkr

app.factory('CustomerService', function ($http) {
  return {
    fetchData: function () {
      return $http.get('http://www.w3schools.com//website/Customers_JSON.php')
    }
  }
});

app.controller('customersController', function ($scope, CustomerService) {

  CustomerService.fetchData().success(function (response) {
    $scope.names = response;
  });

});

app.controller('AnotherCustomersController', function ($scope, CustomerService) {

  CustomerService.fetchData().success(function (response) {
    $scope.names = response;
  });

});

Additionally i have refactor your code so only one app is used on page. If you want to use more than one you have to bootstrap them manually -> Read More

Confusion about data usage in Controllers

1 Answers1