New to Kendo UI for Angular? Start a free 30-day trial

LabelTemplateDirective

Represents the template for the labels of the Slider. To define the labels template, nest an <ng-template> tag with the kendoSliderLabelTemplate directive inside the <kendo-slider> tag. The template context is passed to the label value.


@Component({
    selector: 'my-app',
    template: `
        <kendo-slider [largeStep]="2">
          <ng-template kendoSliderLabelTemplate let-value="value">
            <b>{{value}}</b>
          </ng-template>
        </kendo-slider>
    `
})

class AppComponent {
}

Selector

[kendoSliderLabelTemplate]