AngularJS ng-repeat and $index provides parsing error

Question

The following code, will produce the right output, but will crash the angularjs code.

<tr ng-repeat="elnr in elnrs | orderBy: elnr">
    <td>
        <center>{{elnr.elnr}}</center><button ng-click="elnrs.rmElNr({{$index}})" class="btn btn-default" type="button">Remove {{$index}}</button>          
    </td>
</tr>

The fault is in the following code:

ng-click="elnrs.rmElNr({{$index}})"

Where i want, to pass on the index, to an function in my controller, if i hard code the $index with 0 as an example it works fine. The error is as follows:

Error: [$parse:syntax] Syntax Error: Token '$index' is unexpected, expecting [:] at column 16 of the expression [elnrs.rmElNr({{$index}})] starting at [$index}})].

C1pher · Accepted Answer · 2014-04-16 13:10:19Z

4

You don't need to put the {{ }} around the $index in ng-click. Pass it into the ng-click directly and it will recognize it as the index value for the ng-repeat.

answered Apr 16, 2014 at 13:10

C1pher

1,9726 gold badges34 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-repeat and $index provides parsing error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related