Угловой 5 нуислайдер с двумя входами

Question

Я хочу добиться нижеприведенного поведения в одном из моих личных проектов, который написан под углом 5. Ползунок, который будет иметь определенный диапазон, основанный на данных из сервиса. Я пытался много искать, но не смог найти подходящий пример, который дал бы мне отправную точку. Кто-нибудь реализовал такое поведение в angular 5. Любая помощь очень ценится.

Answer 1

Это возможно с ng2-nouislider, и я также реализовал в проекте.

Вам просто нужно указать диапазон в конфигурации следующим образом:

someRange2config: any = {
  behaviour: 'drag',
  connect: true,
  margin: 1,
  limit: 5, // NOTE: overwritten by [limit]="10"
  range: {
    min: 0,
    max: 20
  },
  pips: {
    mode: 'steps',
    density: 5
  }
};