title: AngularJS AppCtrl wait for HTTP event to success
body: <p>I'm all new to AngularJS and need some help, I have a "AppCtrl" and from there I have a HTTP webservice call - and need the webservice call response accessible in my other controllers.</p>
  
  <pre><code>angular.module('starter.controllers', [])
  
  .controller('AppCtrl', function($scope, $http) {
  
      $scope.webservice_url = "http://webserviceurl.com/";
  
      $http.get($scope.webservice_url+"?action=get_settings").success(function(data, status, headers, config) {
          $scope.stations = data.stations;
      });
  })
  </code></pre>
  
  <p>This works FINE - and i can access the $scope.stations in my templates - BUT now i want to access the $scope.stations in my "PlaylistCtrl" controller, but this is undefined :(</p>
  
  <pre><code>.controller('PlaylistCtrl', function($scope, $stateParams) {
      console.log($scope.stations); // is undefined :(
  })
  </code></pre>
  
  <p>How can I make sure the http call is "done" (success) before the "PlaylistCtrl" is loaded ... </p>