Sharing data between AngularJS controllers but having the shared data come from an Ajax call

Question

I\'ve figured out how to share data between two AngularJS controllers using a shared service in the contrived example below:

(Functioning fiddle)

var app         


        

Answer 1

Here are some starting points to help you out:

1. How to get the data from the server (and how to construct a basic 'model' service): SO post

2. How to hold the controller execution until data is fetched from the server: screencast from egghead.io