title: using repeating scope data in onclick
body: <pre><code>&lt;div ng-repeat="x in hlist"&gt;
      &lt;a onclick={{'swapContent(' + x.loc + ')'}} &gt;{{x.h_label}}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The code snippet is part of a menu, creating a dropdown menu portion from data in the AngularJS scope.  This successfully creates the menu items, but I have been unable to get it to pass scope data to the function.  Literal data passes through and works.</p>
  
  <p>I have tried quite a few variants already, and am out of ideas.</p>
  
  <ul>
  <li>The scope data is an array of data, each "line" consisting of a location and a label</li>
  <li>I wish to have the menu display the label (working), and for it to pass the location to a function, which will then use the location info to get the desired content.</li>
  </ul>
  
  <p>I get: 
      Easter</p>
  
  <p>(It's a holiday site, Easter being one of them)</p>