Change limit dynamically

Is it possible to change the limit of the slider dynamically? As I see it’s set on ngInit() but I need to change it later because I have different sliders influencing each other?

I’m trying to set it this way: <nouislider [connect]="[false,true, false]" [limit]="sliderPointsLeft" [min]="0" [max]="1000" [step]="1" [formControl]="theForm.controls.range" (update)="sliderUpdate(item.id,$event)"></nouislider>

So sliderPointsLeft is changed any time some of the sliders is used.

[Talanoff]

You can do like this: this.priceSliderRef.slider.set([+valueToSet1, +valueToSet2]);

[IgorceJovanoski]

Hey, just a a shout for changing dynamically the range for angular2 or higher, I used the advices with the view child and update options tl;dr; front: <nouislider [connect]="true" [step]="1" [min]="modelMonthlyCost.min" [max]="modelMonthlyCost.max" [(ngModel)]="monthlyCostRange" [ngModelOptions]="{standalone: true}" (change)="changeMonthlyCost()" #monthlyCostSlider></nouislider>

back: @ViewChild('monthlyCostSlider') public monthlyCostSlider: NouisliderComponent . . . this.monthlyCostRange = [+newModelMonthlyCost.min, +newModelMonthlyCost.max]; if (this.monthlyCostSlider.slider) this.monthlyCostSlider.slider.updateOptions({ start: [+newModelMonthlyCost.min, +newModelMonthlyCost.max], range: { min: +newModelMonthlyCost.min, max: +newModelMonthlyCost.max } });

Hope it helps, works for me