How do I pass AngularJs variable as a parameter inside a jQuery function?

Question

I have this jQuery function:

   function updateProfile(profile, sessionId){
    alert(profile,sessionId);
}

In HTML I have like this

<button onclick="updateProfile(profile, {{sessionId}})">Update</button>

It doesn't work since the {{sessionId}} is the angularjs variable.

What is the correct way to pass this angularjs variable inside the jquery onclick function?

Thank you all for participating!

Possible duplicate of how to pass angular js variable inside onclick function as parameter — 4b0
– 4b0, Commented Mar 2, 2018 at 11:29
I saw that answer, but mine is a bit different because I must use the onclick for a jquery function and the ng-click for angularfunction ONCLICK is for updates on the table (but does not send update on servers) NG-CLICK has some other params that sends to the server — DuliNini
– DuliNini, Commented Mar 2, 2018 at 11:31
@DuliNini you should avoid using jQuery in the first place. It is used for DOM manipulations which angularjs does with directives (that use jQLite) — Aleksey Solovey
– Aleksey Solovey, Commented Mar 2, 2018 at 11:43

Arthur21056 · Accepted Answer · 2018-03-02 13:22:37Z

0

Use ng-click instead of onclick and define your function in your scope

//HTML
<button ng-click="updateProfile(profile, {{sessionId}})">Update</button>

//Angular
$scope.updateProfile = function(profile, sessionId){
    alert(profile,sessionId);
}

answered Mar 2, 2018 at 13:22

Arthur21056

1

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

1 Comment

DuliNini Over a year ago

Not what I mean exactly. Well I want to have onclick instead of ng-click So this is a jquery function not an angular function

Collectives™ on Stack Overflow

How do I pass AngularJs variable as a parameter inside a jQuery function?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related