title: How to get json data and construct a modal using Angular JS
body: <p>When I click on the view details button, I want to request JSON data and then construct a modal view over the content.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#"&gt;View Details 1&lt;/a&gt;
  &lt;a href="#"&gt;View Details 2&lt;/a&gt;
  &lt;a href="#"&gt;View Details 3&lt;/a&gt;
  </code></pre>
  
  <p>Get JSON:</p>
  
  <pre><code>function MyCtrl($scope){
        $http.get('json/story.json').success(function(data){
          console.log(data);
          $scope.story = data;
      });
  }
  </code></pre>
  
  <p>What is the best practices to run this MyCtrl function using angular.js when a user clicks on the detail button?  Also the HTML above is being printed out using another controller. I hope there is some way to bind the clicks versus hard-coding ID's and such in the links.</p>