angular ui bootstrap ng-repeat标签

Question

如何在角度引导程序中使用ng-repeat？

  // styling does not work
  <uib-tabset active="activePill" vertical="true" type="pills">
    <span ng-repeat="tab in tabs track by $index">
      <uib-tab index="$index" heading="{{ tab.title }}">{{ tab.content }}</uib-tab>
    </span>
  </uib-tabset>

我错过了什么？ ng-repeat应该去哪里保存样式？

plunkr

Answer 1

使用index =＆＃34; {{$ index}}＆＃34;而不是index =＆＃34; $ index＆＃34;。见这个

<uib-tabset active="activePill" vertical="true" type="pills">
    <span ng-repeat="tab in tabs track by $index">
      <uib-tab index="{{$index}}" heading="{{ tab.title }}">{{ tab.content }}</uib-tab>
    </span>
</uib-tabset>