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

Question

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

Answer 1

您可以利用该kendoTabTitle指令为选项卡标题提供自定义模板。（参考）

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

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