V
V
viktorulyushev2017-05-23 16:36:41
JavaScript
viktorulyushev, 2017-05-23 16:36:41

Angular JS. How to convert range property to dropdown list?

There is a filter with the price property, it looks like this joxi.ru/4AklqZ4tQnvJrq how the minimum and maximum values ​​for this section are determined . I don’t rub Angular at all, give some advice at least mb.
There is a layout in catalogFilter.html here is a piece of code that is used

<div data-ng-switch-when="range" class="js-range-slider-block">
     <div data-ng-switch="catalogFilter.isIE">
           <div data-ng-switch-when="false">
                 <span range-slider min="child.Min" max="child.Max" model-min="child.CurrentMin" model-max="child.CurrentMax" step="child.Step" decimal-places="child.DecimalPlaces" on-handle-up="catalogFilter.clickRange(event)"></span>
             </div>
          </div>
      </div>

and layout that is inserted into data-ng-switch-when="false"
<div class="ngrs-range-slider">
    <div class="ngrs-inputs">
        <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="::min"></div></div>
            </div>
            <div>
                <div class="ngrs-value ngrs-value-max"><div data-ng-bind="::max"></div></div>
            </div>
        </div>
    </div>
</div>

What can be done here to get a dropdown list?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question