javascript – 如何在角度js>中的选项卡中添加图标

嗨我是角度js的新手,

我的问题是如何在角度js的标签中添加一个图标？
这就是我到目前为止所拥有的：

<tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" heading="{{demoTabbedPanelHeading}}">
  <tab heading="Tab 1 some text ">sapiente doloribus deserunt et nam obcaecati recusandae possimus aperiam similique.</p>
  </tab>
  <tab heading="Tab 2 ded">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur ipsam consectetur sint. Nobis facere illo iste quaerat sapiente doloribus deserunt et nam obcaecati recusandae possimus aperiam similique.</p>
  </tab>
</tabset>

我正在添加< tab heading =“Tab 2 ded< span class =”icon-print“> print< / span>”>

但是它显示的内容与标题内部完全相同,而不是像我想象的那样渲染跨度.

请帮我.

解决方法:

我假设你正在使用angular-ui bootstrap.使用tab-headingdirective并将您的图标放在那里.

<tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" heading="{{demoTabbedPanelHeading}}">
  <tab heading="Tab 1 some text ">sapiente doloribus deserunt et nam obcaecati recusandae possimus aperiam similique.</p>
  </tab>
  <tab>
    <tab-heading>
      <i class="icon-print"></i> Tab 2 ded
    </tab-heading>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur ipsam consectetur sint. Nobis facere illo iste quaerat sapiente doloribus deserunt et nam obcaecati recusandae possimus aperiam similique.</p>
  </tab>
</tabset>

标签：javascript,angularjs,angular-ui-bootstrap
来源： https://codeday.me/bug/20190713/1454060.html