angular-rangeslider icon indicating copy to clipboard operation
angular-rangeslider copied to clipboard

How to show max value at the end slide and min value

Open pgksunilkumar opened this issue 8 years ago • 0 comments

Hi I am using Range slider like this way

what i need to know slider does show modal-max value or current value changes instead of showing max value and also as well as min value at right most side.

Can you help me how to show maximum value?



<div class="row" ng-controller="DemoController">
            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                <div class="" >
                    <strong>{{demo7.valueA}}</strong>
                    <div range-slider min="demo7.min" max="demo7.max" model-max="demo7.valueA"  pin-handle="min"></div>

                </div>
            </div>
        </div>

<script>
        // basic angular app setup
        var app = angular.module('myApp', ['ui-rangeSlider']);

        app.controller('DemoController',
            function DemoController($scope) {
                $scope.demo7 = {
                    valueA: 50,
                    min : 10,
                    max : 90
                };
            }
            );

        </script>

pgksunilkumar avatar Sep 27 '16 12:09 pgksunilkumar