Есть ли какой-нибудь мульти слайдер в углу, где вы можете создать максимальное и минимальное значения в одном слайдере с двумя указателями? - PullRequest
Новая
       2

Есть ли какой-нибудь мульти слайдер в углу, где вы можете создать максимальное и минимальное значения в одном слайдере с двумя указателями?

0 голосов
/ 02 мая 2019

Я просмотрел множество кодов слайдеров, и у меня есть теги rzslider, которые показывают ошибки даже после импорта необходимых библиотек зависимостей и ссылок ...

1 Ответ

0 голосов
/ 02 мая 2019

Вот пример кода для мульти слайдера в угловом формате, который делает то, что вы ищете: 

<code><html ng-app="multiSliderDemo">
<head>
  <meta charset="UTF-8">
  <title>Multi Slider</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet" href="multislider.css">
</head>
<body>
<div ng-controller="DemoCtrl" class="container">
  <h1>Angular Multiple Slider Directive</h1>
  <p>Pure Angular slider control with no JQuery Dependencies. This demo utilizes
    <a href="https://angular-ui.github.io/bootstrap/">UI Bootstrap</a> version 0.14.3 which also requires ngAnimate.
    These are not required for the angular-multi-slider, just for this demo.</p>
  Developer Page - <a href="http://keithfimreite.com/angular-multi-slider-directive.aspx" target="_blank">Demo Site</a>
  <article>
    <h2>Single Slider - Hover / Grab Bubble</h2>
    <fieldset class="row">
      <section class="col-sm-4">
        <pre>
          {{ slider | json}}
<Ч />

Добавление ползунков после создания 

          {{ addSlider | json}}
<Ч />

Несколько ползунков с определенными цветами в форме - постоянные пузырьки - скрыто 

          {{ sliders | json}}
</ Мульти-слайдер> </ multi-slider-key>

Форма грязная: {{sliderForm. $ Dirty}}
Форма нетронутая: {{sliderForm. $ Pristine}}
Грязный слайдер: {{sliderForm.mySlider. $ Dirty}}
Слайдер Нетронутый: {{sliderForm.mySlider. $ Pristine}}
Слайдер скрыт: {{hideSliders}}

* Слайдер включен / скрыт НЕ полностью работает ->

<Ч />

Multi-Slider в нескольких вкладках начальной загрузки пользовательского интерфейса

Вкладка 1 Содержимое для угловых нескольких ползунков

</ Мульти-слайдер>
</ UIB-вкладка>
Tab 2 Content для угловых нескольких слайдеров

Ползунки в модале начальной загрузки пользовательского интерфейса

Открыть модал!

Регулировка конечных точек пола / потолка ползунка после визуализации (Ведение порядка ползунка) 

          {{ tabSliders | json}}
Этаж 0 Этаж 50 Потолок 100 Потолок 365

Значения фильтра даты и конечные точки нескольких слайдеров

          {{ dateSliders | json}}
пол 0 пол 50 дней потолок 100 дней потолок 1 год

http://embed.plnkr.co/uTrlSK4R0iEhmg3mF2Cv/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...