pass parameter angularjs to javascript function

Question

Hello i want pass angularjs variable to javascript function

<div class="col-sm-6 col-lg-2" ng-repeat="x in names | filter:FilterModeFirst">
    <div class="row">
        <div class="col-sm-16 col--lg-12">
            <div class="callout">
                <small class="text-muted">{{x.name}}</small>
                <br>
                <small class="h6">{{x.Indx}}%</small>
                <img src="./img/Add.png" style="cursor:pointer" ID="imgAdd" onclick="AddServiceName(" {{x.name}} ")"/>
            </div>
        </div>
    </div>
</div>

it's better to pass it into controller function (with ng-click="AddServiceName(x.name)"), which is initialised as $scope.AddServiceName = function(name){...} — Aleksey Solovey
– Aleksey Solovey, Commented Dec 19, 2017 at 10:17

Sachila Ranawaka · Accepted Answer · 2017-12-19 10:16:21Z

1

use ng-click and remove the curly brackets.

ng-click="AddServiceName(x.name)"

answered Dec 19, 2017 at 10:16

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

Comments

Amal · Accepted Answer · 2017-12-19 10:18:15Z

1

angularjs provide ng-click for listening click event.

In your case, you can change the code to this:

ng-click="AddServiceName(x.name)"

answered Dec 19, 2017 at 10:18

Amal

2781 silver badge12 bronze badges

Collectives™ on Stack Overflow

pass parameter angularjs to javascript function

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related