title: How to show the details of a particular row in a modal when row is clicked in AngularJS
body: <p>I'm new to AngularJS. I'm converting some pages to AngularJS. I just displayed rows of information. However I'm having trouble converting the button onclick part to AngularJS. Can someone please help me. Below is the code that I'm working with. </p>
  
  <pre><code>&lt;div ng-repeat="i in data"&gt;
   &lt;p&gt;{{i.name}}&lt;/p&gt;
  &lt;button class="btn btn-xs btn-default" data-toggle="modal" data-target=".show-ticket-details-modal" onclick="show_details(10)"&gt;
            &lt;i class="fa fa-info"&gt;&lt;/i&gt;
          &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>