igniteui-angular-sovn/src/lib/slider/ticks/ticks.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<div class="igx-slider__ticks-group" *ngFor="let n of [].constructor(ticksLength); let idx=index" [ngClass]="{ 'igx-slider__ticks-group--tall': isPrimary(idx)}">
    <div class="igx-slider__ticks-tick">
        <span class="igx-slider__ticks-label" [ngClass]="{ 'igx-slider__tick-label--hidden': !hiddenTickLabels(idx)}">
            <ng-container *ngTemplateOutlet="tickLabelTemplateRef ? tickLabelTemplateRef : tickLabelDefaultTemplate; context: context(idx)"></ng-container>
        </span>
    </div>
</div>

<ng-template #tickLabelDefaultTemplate let-value>
    {{ value }}
</ng-template>