我有一个 ionic 2 range 滑块组件，我想做的是在滑块上设置渐变颜色。所以基本上从 0 到 10，其中 0 是灰色，10 是红色。如何使用颜色渐变设置范围滑块的样式？
这是我的范围滑块：
<ion-item text-wrap>
<ion-label stacked>Beperking: </ion-label><ion-badge item-right color="secondary">{{ Beperking }}</ion-badge>
<ion-range min="0" max="10" [(ngModel)]="Beperking" color="secondary" pin="true">
<ion-label range-left>0</ion-label>
<ion-label range-right>10</ion-label>
</ion-range>
</ion-item>
当颜色高于某个值时如何更改颜色？
当数字改变时触发一个方法，如下所示：
<ion-range #x (ionChange)="myMethod(x.ratio)" ...>
...
</ion-range>
那么你的方法应该只是将返回的比率映射到特定的颜色，这里有一个很好的例子：https : //codepen.io/zhipeng/pen/gBdDE
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句