kątowa Js wypustki dostosowywania ui.bootstrap

Question

używam kątową js ui.bootstrap w moim projekcie i chcę dodać zakładki za pomocą ui startowej. Używam ui.bootstrap dyrektywy o kartach. Ale nie ma ul zawartość li wewnątrz tej kątowej tagu ui bootstrap.

<uib-tabset active="active"> 
    <uib-tab index="0" heading="Static title 1">Static content 1</uib-tab> 
    <uib-tab index="0" heading="Static title 2">Static content 2</uib-tab> 
    <uib-tab index="0" heading="Static title 3">Static content 3</uib-tab> 
</uib-tabset> 

Chcę dodać znacznik zakresu wewnątrz tagu w zakładkach. Jest to wyjście chcę.

<li ng-class="{active: active, disabled: disabled}" index="0" heading="Static title 1" class="ng-isolate-scope active"> 
    <a href="" ng-click="select()" uib-tab-heading-transclude="" class="ng-binding"> 
    <span class="badge">5</span>Static title 1 
    </a> 
</li> 

Jeśli ktoś wie, jak to zrobić, pomóż mi znaleźć rozwiązanie.

Z góry dziękuję.

Answer 1

Możesz użyć dyrektywy uib-tab-heading wewnątrz uib-tab, aby mieć własny niestandardowy html wewnątrz nagłówka. Następnie można określić zawartości HTML wewnątrz uib-tab-heading elementu wtedy byłby dołączany wewnątrz nagłówku karty.

Markup

<uib-tabset active="active"> 
    <uib-tab index="0" heading="Static title 1"> 
     <uib-tab-heading> 
      <span class="badge">5</span>Static title 1 
     </uib-tab-heading> 
    </uib-tab> 
    <uib-tab index="0" heading="Static title 2"> 
     <uib-tab-heading><b> 
     <span class="badge">5</span>Static title 3 

    </uib-tab> 
    </uib-tab> 
    <uib-tab index="0" heading="Static title 3"> 
     <uib-tab-heading><b> memory utilization </b> 
      <span class="badge">5</span>Static title 3 
     </uib-tab-heading> 
    </uib-tab> 
</uib-tabset>