Slider directive for AngularJS 1.X
Syntax
<rzslider rz-slider-model="slider.value"></rzslider>
Demo
http://angular-slider.github.io/angularjs-slider/
Github
Questions tagged [angularjs-slider]
11 questions
2
votes
2 answers
Why does AngularJS Slider (rzslider) not update correctly when the slider options are updated inside a watch expression?
I have an rzslider that is set to default values.
HTML:
…
marinda_r
- 41
- 6
2
votes
1 answer
How to integrate input date with RZSlider as a timepicker Angular Js?
I am implementing date and time picker with RZslider. I build RZslider as a time picker. So right now Rzslider taking current date. But I want to change date choose by user. I am sharing my demo example:
var app = angular.module('rzSliderDemo',…
Varun Sharma
- 4,632
- 13
- 49
- 103
1
vote
1 answer
Angularjs slider, customValueToPosition not able work with range selection
I am trying to use angularjs slider with for range selection and custom scaling.
Here is the slider option object...
vm.priceSlider = {
min: 3,
high: 10,
options: {
floor: 0,
ceil: 3600,
…
Anant
- 342
- 6
- 14
1
vote
1 answer
Angularjs custom filter not working
I am trying to filter elements based on the range. I am using two controllers & $rootScope broadcast-on approach to retrieve the min-max range of a slider & sharing it with the other controller.
HTML-
Abhishek
- 95
- 1
- 1
- 8
0
votes
1 answer
How can I increase-decrease the slidesPerView according to the window size of a Swiper slider?
My motive is when the display size will be small then the slidesPerView will be 1. I tried the below way, it's working when I refresh the page. But I want it will work automatically. When the window size will increase automatically the slidesPerView…
Mossaddak
- 379
- 1
- 14
0
votes
1 answer
ngx-slider - config step is 50 and can dynamic value
I'm using ngx-slider in angular9, and config like this:
options = {
floor: 0,
ceil: 1000,
step: 50,
hideLimitLabels: true,
translate: (value: number): string => {
…
ThuyNguyen
- 1,127
- 3
- 14
- 24
0
votes
0 answers
Angularjs rz-slider not returning value on keyboard arrow keys
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…
Sushil
- 442
- 3
- 10
- 23
0
votes
1 answer
Negative AngularJS Slider with custom Scale
I'm using the custom Scale of AngularJS Slider, as you can see here: JSFIDDLE
Now, what I want to is to start from -1. So I changed the options from:
options: {
floor: 0,
ceil: 5,
step: 1
}
To:
options: {
floor: -1,
ceil: 5,
step:…
panagulis72
- 2,129
- 6
- 31
- 71
0
votes
1 answer
Invert horizontal AngularJS Slider Custom Scale
I'm using this AngularJS Slider, the horizontal one.
I took the example that has the points divided by a different distance. That example, started from a wide distance, to end with a small distance:
What I wanted to do, is to invert the scale…
panagulis72
- 2,129
- 6
- 31
- 71
0
votes
1 answer
Angularjs Price Range Slider dynamically manipulate content based on Min-Max
I am new to AngularJS & I am using angular-slider for specifying a price range. I want to display the only elements specified by the range.
Here's the AngularJS Code-
var app = angular.module('myApp',…
Abhishek
- 95
- 1
- 1
- 8
0
votes
1 answer
angularjs-slider Values without commas
The angularjs-slider should display values without commans, and only on the min max values display comma values.
Example: [6.5, 7, 8, .... , 31, 31.5]
If I set
$scope.slider = {
value: 31.5,
options: {
floor: 6.5,
ceil: 31.5,
step:…
Stefan
- 14,826
- 17
- 80
- 143