nouislider范围值在angular5中动态

Question

下面是我用于Rangeslider的代码

<nouislider name="slider{{i}}" [min]="0" [max]="50" [connect]="true" [step]="1" [(ngModel)]="x.value"></nouislider>

此处范围是0-50。但是我需要动态地绑定的范围。但是我在下面的* ngFor中使用了nouislider。

<div *ngFor="let x of dataList; let i=index" class="dataTab" id="{{i}}">
    <nouislider name="slider{{i}}" [min]="x.value[0]" [max]="x.value[1]" [connect]="true" [step]="1" [(ngModel)]="x.value"></nouislider>
</div>

这将引发错误。我希望滑块具有动态范围。让我知道实现此目标的可能解决方案。

预先感谢！