How to pass an Angular's value to a function

Question

I want to call a function fadeOut() passing to it an index number generated by ng-repeat. I tried this

   <img ng-src={{element.image}} class="portofolio-image" 
id="portofolio-image{{$index}}"
 ng-click="fadeOut({{$index}})">

but there is a parsing error, and this

    <img ng-src={{element.image}} class="portofolio-image"
 id="portofolio-image{{$index}}"
 ng-click="fadeOut('{{$index}}')">

which passes the "{{$index}}" string. Any idea how can I solve this?

Kareem Elshahawy · Accepted Answer · 2014-03-25 09:56:17Z

8

You can use fadeOut($index) as follows:

    <img ng-src={{element.image}} 
     class="portofolio-image" 
     id="portofolio-image{{$index}}" 
     ng-click="fadeOut($index)">

answered Mar 25, 2014 at 9:56

Kareem Elshahawy

1,4211 gold badge12 silver badges28 bronze badges

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

1 Answer 1