我想知道是否可以在angularjs引导选项卡选项卡标题中编写html。我正在尝试在标题中添加一个svg。我已经在plunker中创建了一个快速的代码段来尝试展示我所遇到的问题。
<tabset> <tab heading="<span>hello</span><em>1</em>">One</tab> <tab heading="Two">Two</tab> <tab heading="Three">Three</tab> </tabset>
http://plnkr.co/edit/qFsFGDNUIJj9nIF51ApU
有任何想法吗?
谢谢
Angular Bootstrap v0.14
原文链接:https://www.f2er.com/angularjs/144589.htmlAngular Bootstrap v0.14 introduced new prefixes用于大多数以前提供的控件。以下原始答案仍然适用,但您必须使用新的标签名称uib-tabset,uib-tab和uib-tab-heading。
<uib-tabset> <uib-tab> <uib-tab-heading> <span>hello</span><em>1</em> </uib-tab-heading> One </uib-tab> <uib-tab heading="Two">Two</uib-tab> <uib-tab heading="Three">Three</uib-tab> </uib-tabset>
角引导v0.14
如果要在标题中显示HTML(如docs中的示例所示),则应在标签元素中使用tab-heading元素:
<tabset> <tab> <tab-heading> <span>hello</span><em>1</em> </tab-heading> One </tab> <tab heading="Two">Two</tab> <tab heading="Three">Three</tab> </tabset>
更新了plunker here。