title: Ng2-NoUISlider getting same range values
body: <p>I'm tring to use multiple sliders on the same page but for some reason all slider gets the same range as the first slider range values. This is my html:</p>
  
  <pre><code>&lt;div *ngFor="let property of comepleteFilters"&gt;
                  &lt;h5&gt;{{property.propertyName}}&lt;/h5&gt;
                  &lt;div *ngIf="setSliderValues(property); else renderCheckbox"&gt;
  
                    &lt;nouislider #slider [min]="minSliderValue" [max]="maxSliderValue" [step]="stepSliderValue" [config]="conf" [tooltips]="[true, true]" (end)="onSliderChange($event)"&gt;&lt;/nouislider&gt;
  
                  &lt;/div&gt;
  </code></pre>
  
  <p>And my this is my ts file:</p>
  
  <pre><code>conf: any = {
      start: [0, 10],
      behaviour: 'drag'
    };
  </code></pre>
  
  <p>..
  ..</p>
  
  <pre><code>  setSliderValues(sliderFilter: FilterList) {
      if (sliderFilter.propertyName === 'enginePower' || sliderFilter.propertyName === 'wheelBase') {
        this.minSliderValue = sliderFilter.propertyValues[0];
        this.maxSliderValue = sliderFilter.propertyValues[sliderFilter.propertyValues.length - 1];
        this.stepSliderValue = 5;
        return true;
      } else {
        return false;
      }
  
    }
  </code></pre>
  
  <p>For example the first slider has values between 0-730 and second slider values 2300-12000. But both slider ends up with the range values of 0-730. I even tried to hard code to sliders with different values instead of looping to see if the outcome would be different but I still get the same problem. I'm using Angular 6.</p>