Adding a list of events in angular

Question

I'm not sure how to do this in angular, after coming from jquery.

I have a table:

<div class="col-xs-10">
<table>
<thead>
  <tr>
    <th>A</th>
    <th>B</th>
    <th>C</th>
</thead>
<tbody ng-repeat="val in data">
  <tr>
    <td>val.Time</td>
    <td>val.Distance</td>
    <td ng-click="callmethod()"><img src="delete"></td>
  </tr>
</tbody>
</table>
</div>

Essentially I want the callmethod() to know which row is being clicked so that I can make a update in the model in my controller. What is the right way to do this?

just pass the object as argument

charlietfl
– charlietfl

2014-09-12 17:56:54 +00:00
Commented Sep 12, 2014 at 17:56 — charlietfl
– charlietfl, Commented Sep 12, 2014 at 17:56

Joao Leal · Accepted Answer · 2014-09-12 18:02:40Z

1

You can use the $index property:

callmethod($index)

Then on your controller you would do something like:

function callmethod(index) {
   var foo = $scope.data[index];
}

answered Sep 12, 2014 at 18:02

Joao Leal

5,5521 gold badge15 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chad Robinson · Accepted Answer · 2014-09-12 18:02:22Z

0

Change that ng-click to this:

<td ng-click="callmethod(val)"><img src="delete"></td>

You'll get the whole val object when that method gets called.

answered Sep 12, 2014 at 18:02

Chad Robinson

4,61325 silver badges27 bronze badges

Collectives™ on Stack Overflow

Adding a list of events in angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related