Angularjs引导标签集标签标题 [英] Angularjs bootstrap tabset tab heading

问题描述

我不知道是否有可能写HTML的angularjs引导标签集标签标题中。我尝试添加标题里面SVG。我已经创造了plunker快速片断，试图证明我有这个问题。

I am wondering whether it is possible to write html inside an angularjs bootstrap tabset tab heading. I am trying to add a svg inside the title. I have created a quick snippet in plunker to try and demonstrate the issue I am having.

<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

什么想法？

感谢

推荐答案

您应该使用设置页，标题的设置页如果你想在标题中的HTML（如在文档的例子所示）元素：

You should be using the tab-heading element within the tab element if you want HTML within the heading (as shown in the example in the 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>

更新plunker 这里。

这篇关于Angularjs引导标签集标签标题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！