Angularjs rz-slider not returning value on keyboard arrow keys The 2019 Stack Overflow Developer Survey Results Are In Unicorn Meta Zoo #1: Why another podcast? Announcing the arrival of Valued Associate #679: Cesar Manara The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceHow can I add a key/value pair to a JavaScript object?Binding arrow keys in JS/jQueryReturn multiple values in JavaScript?Detecting arrow key presses in JavaScriptHow do I set the value property in AngularJS' ng-options?How do I bind to list of checkbox values with AngularJS?How to iterate over the keys and values with ng-repeat in AngularJS?ECMAScript 6 arrow function that returns an objectjquery slider alter step value based on control peripheral usedHow to highlight active slider with Javascript?

Variable with quotation marks "$()"

What was the last x86 CPU that did not have the x87 floating-point unit built in?

Define a list range inside a list

What does "spokes" mean in this context?

What force causes entropy to increase?

Mortgage adviser recommends a longer term than necessary combined with overpayments

ELI5: Why do they say that Israel would have been the fourth country to land a spacecraft on the Moon and why do they call it low cost?

What aspect of planet Earth must be changed to prevent the industrial revolution?

Do I have Disadvantage attacking with an off-hand weapon?

how can a perfect fourth interval be considered either consonant or dissonant?

How to make Illustrator type tool selection automatically adapt with text length

How to handle characters who are more educated than the author?

Why can I use a list index as an indexing variable in a for loop?

Keeping a retro style to sci-fi spaceships?

Presidential Pardon

Nested ellipses in tikzpicture: Chomsky hierarchy

Could an empire control the whole planet with today's comunication methods?

Why don't hard Brexiteers insist on a hard border to prevent illegal immigration after Brexit?

60's-70's movie: home appliances revolting against the owners

Would an alien lifeform be able to achieve space travel if lacking in vision?

Is 'stolen' appropriate word?

Homework question about an engine pulling a train

Intergalactic human space ship encounters another ship, character gets shunted off beyond known universe, reality starts collapsing

What can I do if neighbor is blocking my solar panels intentionally?



Angularjs rz-slider not returning value on keyboard arrow keys



The 2019 Stack Overflow Developer Survey Results Are In
Unicorn Meta Zoo #1: Why another podcast?
Announcing the arrival of Valued Associate #679: Cesar Manara
The Ask Question Wizard is Live!
Data science time! April 2019 and salary with experienceHow can I add a key/value pair to a JavaScript object?Binding arrow keys in JS/jQueryReturn multiple values in JavaScript?Detecting arrow key presses in JavaScriptHow do I set the value property in AngularJS' ng-options?How do I bind to list of checkbox values with AngularJS?How to iterate over the keys and values with ng-repeat in AngularJS?ECMAScript 6 arrow function that returns an objectjquery slider alter step value based on control peripheral usedHow to highlight active slider with Javascript?



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















Hi I am using latest version of AngularJS rz slider . I am able to fetch changed value from slider for mouse events. But I am not able to fetch the changed/final value on keyboard event keys like arrow keys although I see the slider moving



Below is my code
html :



 <rzslider id="slider.options.id" name="slider.options.id" 
class="custom-slider" rz-slider-model="slider.value" rz-slider-
options="slider.options"></rzslider>


controller :



 this.options = {
id: id,
ceil: 150,
floor: 0,
step: 0.1,
precision: 1,
translate: function (value)
return value + '%';
,
onEnd: function (id, newValue)
alert(newValue)
//,


I am fetching value from onEnd event. Any help is highly appreciated










share|improve this question






















  • You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

    – Anurag Srivastava
    Mar 8 at 12:55











  • What if I want to do custom logic in onEnd event

    – Sushil
    Mar 8 at 15:22











  • You can use $scope.slider.value directly

    – Anurag Srivastava
    Mar 8 at 15:25

















0















Hi I am using latest version of AngularJS rz slider . I am able to fetch changed value from slider for mouse events. But I am not able to fetch the changed/final value on keyboard event keys like arrow keys although I see the slider moving



Below is my code
html :



 <rzslider id="slider.options.id" name="slider.options.id" 
class="custom-slider" rz-slider-model="slider.value" rz-slider-
options="slider.options"></rzslider>


controller :



 this.options = {
id: id,
ceil: 150,
floor: 0,
step: 0.1,
precision: 1,
translate: function (value)
return value + '%';
,
onEnd: function (id, newValue)
alert(newValue)
//,


I am fetching value from onEnd event. Any help is highly appreciated










share|improve this question






















  • You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

    – Anurag Srivastava
    Mar 8 at 12:55











  • What if I want to do custom logic in onEnd event

    – Sushil
    Mar 8 at 15:22











  • You can use $scope.slider.value directly

    – Anurag Srivastava
    Mar 8 at 15:25













0












0








0








Hi I am using latest version of AngularJS rz slider . I am able to fetch changed value from slider for mouse events. But I am not able to fetch the changed/final value on keyboard event keys like arrow keys although I see the slider moving



Below is my code
html :



 <rzslider id="slider.options.id" name="slider.options.id" 
class="custom-slider" rz-slider-model="slider.value" rz-slider-
options="slider.options"></rzslider>


controller :



 this.options = {
id: id,
ceil: 150,
floor: 0,
step: 0.1,
precision: 1,
translate: function (value)
return value + '%';
,
onEnd: function (id, newValue)
alert(newValue)
//,


I am fetching value from onEnd event. Any help is highly appreciated










share|improve this question














Hi I am using latest version of AngularJS rz slider . I am able to fetch changed value from slider for mouse events. But I am not able to fetch the changed/final value on keyboard event keys like arrow keys although I see the slider moving



Below is my code
html :



 <rzslider id="slider.options.id" name="slider.options.id" 
class="custom-slider" rz-slider-model="slider.value" rz-slider-
options="slider.options"></rzslider>


controller :



 this.options = {
id: id,
ceil: 150,
floor: 0,
step: 0.1,
precision: 1,
translate: function (value)
return value + '%';
,
onEnd: function (id, newValue)
alert(newValue)
//,


I am fetching value from onEnd event. Any help is highly appreciated







javascript angularjs angularjs-slider






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 8 at 12:00









SushilSushil

1221215




1221215












  • You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

    – Anurag Srivastava
    Mar 8 at 12:55











  • What if I want to do custom logic in onEnd event

    – Sushil
    Mar 8 at 15:22











  • You can use $scope.slider.value directly

    – Anurag Srivastava
    Mar 8 at 15:25

















  • You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

    – Anurag Srivastava
    Mar 8 at 12:55











  • What if I want to do custom logic in onEnd event

    – Sushil
    Mar 8 at 15:22











  • You can use $scope.slider.value directly

    – Anurag Srivastava
    Mar 8 at 15:25
















You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

– Anurag Srivastava
Mar 8 at 12:55





You don't need to use the onEnd event, just see if the $scope.slider.value is updated.

– Anurag Srivastava
Mar 8 at 12:55













What if I want to do custom logic in onEnd event

– Sushil
Mar 8 at 15:22





What if I want to do custom logic in onEnd event

– Sushil
Mar 8 at 15:22













You can use $scope.slider.value directly

– Anurag Srivastava
Mar 8 at 15:25





You can use $scope.slider.value directly

– Anurag Srivastava
Mar 8 at 15:25












0






active

oldest

votes












Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55062827%2fangularjs-rz-slider-not-returning-value-on-keyboard-arrow-keys%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55062827%2fangularjs-rz-slider-not-returning-value-on-keyboard-arrow-keys%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown