title: How to handle item click on list generated from ng-repeat and load next page
body: <p>I have an html list generated using ng-repeat.</p>
  
  <pre><code>&lt;div ng-repeat="product in store.products"&gt;
    &lt;a href="details.html"&gt;{{product.name}}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The data for the list is obtained from a json array in my app.js in this format:</p>
  
  <pre><code>var items = [
     {
              "name": "Nexus 5",
              "size": "4.95 inches",
              "camera": "8 megapixels"    
     }, 
     {
              "name": "Nexus 6",
              "size": "6.0 inches",
              "camera": "13 megapixels"  
     }
  ];
  </code></pre>
  
  <p>I want to click on the list item and go to another page showing the respective details from the same json array. How do I do that? Have been trying to access index from the list and use it to load next page, but am unsuccessful so far. I am new to angular as well as javascript. Any intermediate steps will be very helpful.</p>
  
  <p>Also, notice I am handling click on the list using an anchor tag. Is this the ideal way to do it?</p>