将带范围值的Angular 2 ng prime滑块绑定到输入字段

将带范围值的Angular 2 ng prime滑块绑定到输入字段,angular,Angular,我用的是ng素数滑块。我为滑块提供范围值,效果完美。根据我的要求,我需要两个输入字段,您可以在其中输入范围并相应地移动滑块。我可以在没有“范围”选项的情况下实现这一点。但我需要两个输入字段绑定到滑块,以便滑块在输入文本字段的“最小值”和“最大值”时更改其值 没有范围的代码-这可以正常工作 <input type="text" [(ngModel)]="rangeValues[0]" style="width:190px" /> <p-slider [(ngModel)]="ra

我用的是ng素数滑块。我为滑块提供范围值,效果完美。根据我的要求,我需要两个输入字段,您可以在其中输入范围并相应地移动滑块。我可以在没有“范围”选项的情况下实现这一点。但我需要两个输入字段绑定到滑块,以便滑块在输入文本字段的“最小值”和“最大值”时更改其值

没有范围的代码-这可以正常工作

<input type="text" [(ngModel)]="rangeValues[0]" style="width:190px" />
<p-slider [(ngModel)]="rangeValues[0]" [style]="{'width':'200px'}"></p-slider>

具有范围的代码-不工作

<input type="text" pInputText [(ngModel)]="rangeValues[0]" style="width:190px"/>
<input type="text" pInputText [(ngModel)]="rangeValues[1]" style="width:190px"/>                <p-slider [(ngModel)]="rangeValues" [range]="true [max]="180"orientation="vertical" (onSlideEnd)="slideEnd($event)"(onChange)="handleChange($event)"></p-slider>


对于范围,请在属性绑定中将
range
指定为
true
。还应将
rangeValues
数组保存在
ngModel
中,而不是在
ngModel
中将它们分开

<p-slider [(ngModel)]="rangeValues" 
   [style]="{'width':'200px'}" 
   [range]="true">
</p-slider>


对输入更改执行类似于onInputChange()的操作

onInputChange(){
this.rangeValues=[this.from,this.to];
}

Range工作正常。我想要的是将输入字段绑定到滑块,这样当我们通过输入字段提供值时,滑块就会相应地移动。这在非范围滑块上发生。但在指定的范围内,它不会发生。您是否设法修复了此问题?我使用的是被动形式,但问题似乎是一样的:假设初始最大值设置为50;然后我把它设为40——一切都很好;然后我再次将其设置为50,并右键标记“飞向月球的火箭:)
onInputChange() {
  this.rangeValues = [this.from, this.to];
}

<p-slider class="p-slider-component" [range]="true" [(ngModel)]="rangeValues"></p-slider>