在离子2双范围滑块中设置两个旋钮之间的宽度

Question

<ion-range dual-knobs="true" pin="true" min="0" max="100" step="3" snaps="true"></ion-range>

我希望上面的代码看起来像图像

Answer 1

根据docs，

  

将范围组件上的dualKnobs属性设置为true   在该范围内启用两个旋钮。如果范围有两个旋钮，则为该值   将是一个包含两个属性的对象：lower和upper。

使用ngModel

<ion-range dual-knobs="true" pin="true" min="0" max="100" step="3" [(ngModel)]="knobValues" snaps="true"></ion-range>

在您的组件中：

knobValues:{
  upper:100,
  lower:50
}