如何在kendo UI中添加图标Angular TabStrip Title？

Question

如何在kendo UI Angular TabStrip标题中添加任何类型的图标类（例如字体真棒图标）？ 目前tabStrip标题是使用[title]属性设置的。

Answer 1

您可以使用kendoTabTitle指令为标签标题提供自定义模板。 （Reference）

要使用自定义模板，请将kendoTabTitle指令嵌套在kendo-tabstrip-tab标记内。

<kendo-tabstrip>
    <kendo-tabstrip-tab ...>
        <ng-template kendoTabTitle>
            My Title (even with icons)
        </ng-template>
    </kendo-tabstrip-tab>
</kendo-tabstrip