How to attach pTooltip to p-slider's handle (prime-ng angular components)

I'm using prime-ng components library in my Angular application. I use p-slider component:

<p-slider id="slider" [(ngModel)]="rankItem.itemSliderNumber" class="slider" [step]="sliderStep" [min]="0" [max]="rankItem.itemSliderMaxValue"></p-slider>


And I want to add tooltip to the p-slider handle (to be sticked and displayed above the handle). When I add [pTootip] directive to the p-slider component, tooltip displays over the slider, not the handle.

<p-slider id="slider" [(ngModel)]="rankItem.itemSliderNumber" class="slider" [step]="sliderStep" [min]="0" [max]="rankItem.itemSliderMaxValue" [pTooltip]="rankItem.itemSliderNumber"></p-slider>


How to stick the tooltip to the slider's handle?

Continue reading...