Angularjs引导选项卡选项卡标题

前端之家收集整理的这篇文章主要介绍了Angularjs引导选项卡选项卡标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否可以在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

Angular 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

原文链接:https://www.f2er.com/angularjs/144589.html

猜你在找的Angularjs相关文章