title: Angular.JS share a single JSON object between controllers
body: <p>I´m trying to code a CRUD app with Angular.JS, and I need your help to move on.
  This is the scenario:</p>
  
  <ol>
  <li>View 1 (index) gets JSONP data from a remote API and stores it.</li>
  <li>View 2 (master) shows data filtered on a grid</li>
  <li>View 3 (detail) shows an specific item selected on View 2</li>
  </ol>
  
  <p>I did it already, but requesting the very same JSON object on each view, , but I think <strong>one only api call</strong> is enough.</p>
  
  <p>I can´t figure out how to properly share this JSON object for all the controllers. I tried several tutorials on ngResource, $http, factories and services but still have not a clear path to go through.</p>
  
  <p>How can I do this? </p>
  
  <p>Any snippet or code sample you may share will be very useful to keep on tryin this thing...</p>
  
  <p>Thanks in advance,</p>
  
  <p>Ariel</p>