how to use AngularJS value as parameter in function?

Question

I need to pass an ID value once the button is clicked. but gives me this error: error message

What is the correct way of using: ng-click="passID({{x.id}})" ?

<table id="Content"  ng-repeat="x in images | limitTo:3">
<tr>
    <td class="one">
        <table>
        <tr>
            <td><img class="contImage" ng-src="{{x.image}}" ng-alt="{{x.name}}" /></td>
            <td class="textAlign">{{x.name}} <button class="viewDetails" ng-click="passID({{x.id}})" type="button">VIEW DETAILS</button></td>
        </table>
    </td>
    <td class="two">{{x.size}}</td>
    <td class="one">{{x.storage}}</td>
</tr>
</table>

score 1 · Accepted Answer · answered Oct 12 '16 at 07:30

1

Just without {{}}:

ng-click="passID(x.id)"

answered Oct 12 '16 at 07:30

Ivan

876
1
8
22

ahaha thank youuuuuuuuuuuuuuuuuuuuuuu – Maylin Anne Oct 12 '16 at 07:39

score 1 · Answer 2 · answered Oct 12 '16 at 07:30

1

correct way of using it is: ng-click="passID(x.id)"

You don't need to use interpolation: {{}}.

answered Oct 12 '16 at 07:30

Ved

11,837
5
42
60

Abdul Mateen Mohammed · Answer 3 · 2016-10-12T07:38:08.113

1

Simply use

ng-click="passID(x.id)"

instead of ng-click="passID({{x.id}})"

Because ng-click is an Angular directive it can understand the expression, as the element is inside the ng-repeat directive you can directly access the object specified in the ng-repeat

edited Oct 12 '16 at 07:38

answered Oct 12 '16 at 07:31

Abdul Mateen Mohammed

1,864
1
12
21

how to use AngularJS value as parameter in function?

3 Answers3