离子范围 如果为 true，则按下旋钮时会显示具有整数值的引脚. 我可以默认固定显示而不按下旋钮吗?

Question

如果离子范围为真，则按下旋钮时会显示具有整数值的引脚。 我可以默认固定节目而不按下旋钮吗？

Answer 1

<ion-range  #pin mode="md" min="0" max="100" pin="true" knob value="50" ></ion-range>
import { Component, OnInit, Input, ViewChild, AfterViewInit, ElementRef } from '@angular/core';
@Component({
selector: 'app-range',
templateUrl: './range.page.html',
styleUrls: ['./range.page.scss'],
})
export class RangePage implements OnInit, AfterViewInit {
time:any;
@ViewChild('pin', { static: true}) pin: ElementRef;
ngAfterViewInit(){
// @ts-ignore
let child = this.pin.el.shadowRoot.children
let timer = setInterval(() => {
if (child.length > 0){
this.getPin() 
console.log(child);

clearInterval(timer)
}

});
}

getPin(){
// @ts-ignore
let children = this.pin.el.shadowRoot.children
let pinEl = [...children].filter(f => {
return f.className == 'range-slider'
})
let pin = pinEl[0].getElementsByClassName('range-pin')[0]
pin.style.transform = 'translate3d(0px, -24px, 0px) scale(1)'
}