我想知道是否有可能在angularjs bootstrap tabset选项卡标题内编写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为大多数以前提供的控件引入了新的前缀。下面仍然是原来的答案适用,但必须使用新的标签名称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>
如果要在标题中使用HTML,则应在tab-heading
元素内使用tab
元素(如docs示例中所示):
<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>
在这里更新了插件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句