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

【问题标题】：How to add icon in kendo UI Angular TabStrip Title?如何在剑道 UI Angular TabStrip 标题中添加图标？
【发布时间】：2018-02-28 06:14:43
【问题描述】：

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

【问题讨论】：

标签： icons font-awesome kendo-ui-angular2 kendo-tabstrip

【解决方案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

【讨论】：