对于滑块,可以通过单击选择范围

时间:2018-10-22 09:48:27

标签: javascript angularjs rangeslider

http://danielcrisp.github.io/angular-rangeslider/demo之后,我创建了一个滑块。

我的模板:

<div class="ngrs-range-slider">
    <div class="ngrs-inputs" ng-show="showInputs">
        <div class="row between-xs middle-xs">
            <div class="col-xs-4">
                <input class="input-small" name="filteredModelMin" type="number" data-ng-model="modelMin" data-ng-keyup="inputChange($event)" data-ng-blur="blurMin()" />
            </div>
            <div class="col-xs-4">
                <div class="ngrs-runner-dash">-</div>
            </div>
            <div class="col-xs-4">
                <input class="input-small" name="filteredModelMax" type="number" data-ng-model="modelMax" data-ng-keyup="inputChange($event)"  data-ng-blur="blurMax()"/>
            </div>
        </div>
    </div>
    <div class="ngrs-runner">
        <div class="ngrs-handle ngrs-handle-min"><i></i></div>
        <div class="ngrs-handle ngrs-handle-max"><i></i></div>
        <div class="ngrs-join cs-bg-10"></div>
    </div>
    <div class="ngrs-value-runner" ng-show="showValues">
        <div class="row between-xs">
            <div>
                <div class="ngrs-value ngrs-value-min"><div data-ng-bind="(attachHandleValues ? filteredModelMin : min) + ((attachHandleValues ? filteredModelMin : min) != null ? caption : null)"></div></div>
            </div>
            <div>
                <div class="ngrs-value ngrs-value-max"><div data-ng-bind="(attachHandleValues ? filteredModelMax : max) + ((attachHandleValues ? filteredModelMax : max) != null ? caption : null)"></div></div>
            </div>
        </div>
    </div>
</div>

但是在此滑块中,您不能通过单击来选择范围,而只能通过拖动来选择。 需要更改哪些内容才能通过单击来更改范围?https://github.com/danielcrisp/angular-rangeslider/blob/master/angular.rangeSlider.js

0 个答案:

没有答案