Динамическое изменение диапазона ng2-nouislider

Question

У меня есть цикл, который создает различные ng2-noUiSliders, например:

 <div *ngFor="let property of completeFilters">
            <h5>{{property.propertyName | translate}}</h5>
            <div *ngIf="setSliderValues(property); else renderCheckbox">
              <nouislider #sliderRef [config]="conf" [tooltips]="[true, true]" (end)="onSliderChange($event, property.propertyName)"></nouislider>
            </div>

Созданные ползунки - это ползунки диапазона, и один из них - ползунок цены.При смене валюты я хотел бы обновить ползунок min max другими значениями.Пока я могу подобрать ползунки следующим образом:

@ViewChildren('sliderRef') public salesSliders: QueryList<NouisliderComponent>;

this.salesSliders.toArray()[0]; //the slider I want to update
this.salesSliders.toArray()[1];
...

Но я не могу заставить его работать с примерами updateOptions, которые я видел.Кто-нибудь делал это, когда в цикле было несколько слайдеров, как в моем случае?

Answer 1

Чтобы обновить ваш пользовательский интерфейс с последними значениями, вам нужно выполнить следующие шаги

    // Import this in componnet where your are updating the values
    import { ChangeDetectorRef } from '@angular/core'; 
    constructor(private cd: ChangeDetectorRef) {}


    //call below method after you changes
    this.cd.detectChanges();