Bootstrap изменение диапазона компонента диапазона в карусели вызывает скольжение карусели - PullRequest
Новая
       9

Bootstrap изменение диапазона компонента диапазона в карусели вызывает скольжение карусели

0 голосов
/ 29 января 2020

У меня есть несколько похожих форм в карусели в bootstrap. В этих формах есть элементы диапазона от bootstrap. Моя проблема в том, что каждый раз, когда я изменяю значение элемента диапазона, карусель запускает слайд. Но я не хочу скользить при изменении элемента диапазона. У кого-то есть идеи, как это остановить?

Это мой HTML код: 

<div class="container mt-3">
  <div id="carouselPrufung" class="carousel slide" data-ride="carousel" data-interval="false">
<ol class="carousel-indicators top carousel-indicators-numbers">
  <li data-target="#carouselPrufung" *ngFor="let j of arrAuftrag; let l = index" [attr.data-slide-to]="l" [ngClass]="l == 0 ? 'active' : ''">{{l + 1}}</li>
</ol>
<div class="carousel-inner">
  <div *ngFor="let i of arrAuftrag; let k = index" [ngClass]="k == 0 ? 'carousel-item active' : 'carousel-item'">
    <table class="table table-sm mt-3" *ngIf="prufkriterien?.length > 0">
      <thead>
        <tr>
          <th scope="col-12">Prüfkriterien</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let kriterium of prufkriterien; let m = index">
          <td>
            <div class="form-group form-check">
              <input type="checkbox" class="form-check-input" id="cbg{{getNumber(k)}}k{{getNumber(m)}}">
              <label for="cbg{{getNumber(k)}}k{{getNumber(m)}}" class="form-check-label">{{kriterium.text}}</label>
            </div>
            <form class="text-right" oninput="arsch.value = grr.value / 100">
              <input type="range" class="custom-range" min="{{kriterium.toleranzUnten > 0 ? (kriterium.toleranzUnten * 100 - (kriterium.soll * 100 - kriterium.toleranzUnten * 100) / 2) : 0 }}" max="{{kriterium.toleranzOben > 0 ? (kriterium.toleranzOben * 100 - (kriterium.soll * 100 - kriterium.toleranzOben * 100) / 2) : (kriterium.soll * 200)}}" value="{{kriterium.soll * 100}}" step="{{kriterium.soll}}" name="grr" id="grr{{k}}m{{m}}">
              <output  name="arsch" for="grr{{k}}m{{m}}">{{kriterium.soll}}</output>
            </form>       
          </td>
        </tr>
      </tbody>
    </table>  
  </div>
</div>

...