All Components

ArcCenterTemplateDirective

A directive that selects a template
within the <kendo-arcgauge> component which will be used for the center template
(more information and example).

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <kendo-arcgauge [value]="value">
            <ng-template kendoArcGaugeCenterTemplate let-value="value">
                {{ value }}%
            </ng-template>
        </kendo-arcgauge>

    `
})
export class AppComponent {
  public value: number = 10;
}

Selector

[kendoArcGaugeCenterTemplate]

In this article