How I Can Show/Render Data Binding from Angularjs in a Jquery Onclick?

Question

I'm Working in a personal project but I have a small problem when i want to render some data binding from angularjs in jquery, this is the code.

<div class="claimButton claimActive">
    <a href="{{ product.url }}" target="_blank" onclick="startTimer({{ $index }},{{ product.time }})">CLAIM</a>
</div>

The principal problem inside here

This the original code onclick="startTimer(0,5)" but when i turn in databinding from angularjs onclick="startTimer({{ $index }},{{ product.time }})" stop working and no render the numbers.

I hope that somebody help me to resolve this problem.

Your question is not very clear, you need to show more code, and describe exactly what issue you are having — Jamiec
– Jamiec, Commented Jun 9, 2016 at 9:10

Erez · Accepted Answer · 2016-06-09 09:51:17Z

0

Assuming you have angular app and controller you can do so

<div class="claimButton claimActive">
    <a href="{{ product.url }}" target="_blank" ng-click="startTimer($index,product.time)">CLAIM</a>
</div>

and in the controller

$scope.startTimer = function(x,y){
    //do your code  x=$index, y=product.time
}

answered Jun 9, 2016 at 9:51

Erez

6041 gold badge7 silver badges24 bronze badges

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

12 Comments

Johan Over a year ago

I Already made the changes, but still no working, it render when I use ng directive but is necessary the function onclick for start the timer when is clicked.

Erez Over a year ago

i guess i miss understood your question than! and i guess that you not staying in that page when you click the claim ? means that the controller binding again if you use the same controller

Johan Over a year ago

You can try the project here astrofeina.co/angularjs so when you click in CLAIM the counter start when the code is onclick="startTimer(0,5)" but when the code is onclick="startTimer({{ $index }},{{ product.time }})" the numbers no render please check and tell me if you see something

Erez Over a year ago

so that didnt help? onclick="angular.element(this).scope().startTimer(this)" but cant pass params

Erez Over a year ago

this is a ticking clock check it please

|

Collectives™ on Stack Overflow

How I Can Show/Render Data Binding from Angularjs in a Jquery Onclick?

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related