AngularJS引导程序选项卡选项卡标题

罗斯_

我想知道是否有可能在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 +

Angular Bootstrap v0.14为大多数以前提供的控件引入了新的前缀下面仍然是原来的答案适用,但必须使用新的标签名称uib-tabsetuib-tabuib-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,则应在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导程序选项卡中的标题<h1>?

来自分类Dev

引导程序中的嵌套选项卡

来自分类Dev

动态引导程序活动选项卡

来自分类Dev

角引导程序滚动选项卡

来自分类Dev

引导程序中的嵌套选项卡

来自分类Dev

嵌套的引导程序选项卡-jQuery

来自分类Dev

样式引导程序活动选项卡

来自分类Dev

自动引导选项卡

来自分类Dev

AngularJS的Bootstrap选项卡

来自分类Dev

引导程序选项卡:选项卡之间的空格未知

来自分类Dev

引导程序选项卡作为移动设备的选项卡

来自分类Dev

单击每个选项卡时是否可以刷新引导程序选项卡的内容?

来自分类Dev

引导程序选项卡不起作用引发选项卡未定义错误

来自分类Dev

引导程序悬停选项卡显示多个选项卡

来自分类Dev

使用引导程序从选项卡调用另一个选项卡?

来自分类Dev

选项卡-单击选项卡之一(引导程序)后显示的内容

来自分类Dev

引导程序选项卡的 URL,不会指向正确的选项卡

来自分类Dev

在引导选项卡中的图像下方放置标题

来自分类Dev

WPF功能区-隐藏选项卡标题(单个选项卡应用程序)

来自分类Dev

选项卡引导中选项卡中选项卡中的嵌套选项卡

来自分类Dev

通过选项卡标题或选项卡名称隐藏选项卡

来自分类Dev

引导程序选项卡-带下划线的文本(标题)

来自分类Dev

引导程序选项卡-带下划线的文本(标题)

来自分类Dev

如何使用引导程序在选项卡中对齐标题位置

来自分类Dev

VueJs:Bootstrap Vue 如何禁用选项卡标题并在引导程序中导航按钮

来自分类Dev

angularjs vs twitter引导选项卡javascript

来自分类Dev

如何预选择数据绑定的引导程序选项卡

来自分类Dev

阻止在引导程序3中显示选项卡内容?

来自分类Dev

引导程序链接到带有URL的选项卡

Related 相关文章

  1. 1

    引导程序选项卡中的标题<h1>?

  2. 2

    引导程序中的嵌套选项卡

  3. 3

    动态引导程序活动选项卡

  4. 4

    角引导程序滚动选项卡

  5. 5

    引导程序中的嵌套选项卡

  6. 6

    嵌套的引导程序选项卡-jQuery

  7. 7

    样式引导程序活动选项卡

  8. 8

    自动引导选项卡

  9. 9

    AngularJS的Bootstrap选项卡

  10. 10

    引导程序选项卡:选项卡之间的空格未知

  11. 11

    引导程序选项卡作为移动设备的选项卡

  12. 12

    单击每个选项卡时是否可以刷新引导程序选项卡的内容?

  13. 13

    引导程序选项卡不起作用引发选项卡未定义错误

  14. 14

    引导程序悬停选项卡显示多个选项卡

  15. 15

    使用引导程序从选项卡调用另一个选项卡?

  16. 16

    选项卡-单击选项卡之一(引导程序)后显示的内容

  17. 17

    引导程序选项卡的 URL,不会指向正确的选项卡

  18. 18

    在引导选项卡中的图像下方放置标题

  19. 19

    WPF功能区-隐藏选项卡标题(单个选项卡应用程序)

  20. 20

    选项卡引导中选项卡中选项卡中的嵌套选项卡

  21. 21

    通过选项卡标题或选项卡名称隐藏选项卡

  22. 22

    引导程序选项卡-带下划线的文本(标题)

  23. 23

    引导程序选项卡-带下划线的文本(标题)

  24. 24

    如何使用引导程序在选项卡中对齐标题位置

  25. 25

    VueJs:Bootstrap Vue 如何禁用选项卡标题并在引导程序中导航按钮

  26. 26

    angularjs vs twitter引导选项卡javascript

  27. 27

    如何预选择数据绑定的引导程序选项卡

  28. 28

    阻止在引导程序3中显示选项卡内容?

  29. 29

    引导程序链接到带有URL的选项卡

热门标签

归档