Search code examples
angularangular2-formsangular2-formbuilderform-control

Range Slider with Angular2 Form Control

How can I create a range slider in Angular similar to https://jqueryui.com/slider/#range where the min and max values are pushed to $gt and $lt respectively?

this.form = this.fb.group({
  'price': this.fb.group({
    '$lt': [null, []],
    '$gt': [null, []]
  })
})
Solution

  • Use ng2-nouislider.

    It has multiple options for Range Slider.