Sharing my JSON data with another controller, AngularJS

Question

my very first post here and feels great.

At the moment i have a controller that get my JSON data and puts it in the scope.hotels.

app.controller('ListController1', function($scope, $http){
  $http.get('js/hotels1.json').success(function(data){
    $scope.hotels = data;
  });
});

Nothing fancy here but as far as i know, my second controller cant reach $scope.hotels. Here is my 2nd controller

app.controller('BookCtrl', function($scope, $state){
  $scope.Id = $state.params.Id;
})

How would i go about doing this?? Thanks alot!

You'd create a service that handles fetching the data, then inject it in both controllers. And if you're just starting with angularjs, use angular 5 instead... — baao, Mar 24 '18 at 15:25

score 0 · Answer 1 · answered Mar 24 '18 at 15:29

0

Generally, you shouldn't use ajax calls inside controllers. But rather call services that does this. You can then also save this state in service, and since it is singleton, injecting it in any other controller will give you the same data.

answered Mar 24 '18 at 15:29

obey

796
7
16

score 0 · Answer 2 · answered Mar 24 '18 at 15:51

0

Define one controller as Parent in html. Then use $scope.$broadcast from the parent and catch it in the child controller with $scope.$on. Read up on these methods from angular docs. Cheers

answered Mar 24 '18 at 15:51

Risalat Zaman

1,189
1
9
19

Sharing my JSON data with another controller, AngularJS

2 Answers2