Angularjs引导选项卡选项卡标题

发布时间：2020-12-17 08:14:40 所属栏目：安全来源：网络整理

导读：我想知道是否可以在angularjs引导选项卡选项卡标题中编写html。我正在尝试在标题中添加一个svg。我已经在plunker中创建了一个快速的代码段来尝试展示我所遇到的问题。 tabset tab heading="spanhello/spanem1/em"One/tab tab heading="Two"Two/tab tab headi

我想知道是否可以在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。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!