rzslider example

See https://jsfiddle.net/ValentinH/954eve2L/

Both of these sliders are bound to the same object on the backend. (See object at bottom). Press the button to view the slider. Then try it again with the checkbox checked.

• Slider #1

  This instance displays properly when initialized

• Slider #2

  This instance is not rendered properly when initialized, unless forced.

  Toggle Slider Visibility Use with forced animation {{vm.forceRender}}

 
       function clickButton() {
            this.showSpeedSlider = !this.showSpeedSlider;
            if(this.forceRender){
                // Force rendering at every iteration of the interval.
                $interval(function () {
                   $rootScope.$broadcast('rzSliderForceRender');
                }, 1,500, true, $rootScope)
            }
       };
    
    

Slider Properties:

• {{vm.speedSlider}}