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

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

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

How to add icon in kendo UI Angular TabStrip Title?

icons

font-awesome

kendo-tabstrip

kendo-ui-angular2