How to get the Angular value in javascript function?

Question

Here i want to get the sliderValue in onchange event of javascript function. Currently I am using document.queryselector instead of i want to set it in scope of sliderValue.

Code: <input id="slider" type ="range" min="{{sliderMin}}" onchange="updateSlider()" max="{{sliderMax}}" step="{{sliderStep}}" value="{{sliderValue}}" />

yes i tried ng-change but it not working properly in all browser getting struck in firefox. — Santhose Kumar
– Santhose Kumar, Commented Jun 19, 2015 at 12:57

Siddharth · Accepted Answer · 2015-06-19 13:01:58Z

2

Try this:

onchange="angular.element(this).scope().updateSlider(this)"

answered Jun 19, 2015 at 13:01

Siddharth

7,1762 gold badges23 silver badges34 bronze badges

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

Comments

jbigman · Accepted Answer · 2015-06-19 16:26:44Z

0

I can't agree with Sid response. Angular best practice is to use ngchange:

<input id="slider" type ="range" min="{{sliderMin}}" ng-change="updateSlider(sliderValue)" 
max="{{sliderMax}}" step="{{sliderStep}}" value="{{sliderValue}}" />

answered Jun 19, 2015 at 16:26

jbigman

1,29013 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to get the Angular value in javascript function?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related