AngularJS ng重复引导ui选项卡

我正在使用angularjs和bootstrap ui构建一些选项卡

我想要两个标签：

成绩和入学考试。我的JSON如下所示（如果需要，我可以更改）：

我要做的是使用ng repeat，在Grades选项卡中，您只能看到第一组数据，在第二个选项卡中，您只能看到第二个数据数组

<tabset type="pills">
 <tab ng-repeat="tab in tabs" heading="{{tab.title}}" select="getContent()" active="tab.active" disabled="tab.disabled">
      <h1>{{tab.title}}</h1>
        <div ng-repeat="item in tabs.content">
          <div ng-repeat="item in item.sections">
            <div ng-repeat="item in item.data">
              <h3>{{item.heading}}</h3>
              <p>{{item.paragraph}}</p>
            </div>
          </div>
        </div>
      </tab>
    </tabset>

{{tab.title}}
{{item.heading}}
{{项目.段落}

目前，这两组数据都被拉入两个选项卡中。如有任何建议，将不胜感激。提前感谢。

请尝试以下操作：

<tabset type="pills">
  <tab ng-repeat="section in sections"
       heading="{{section.title}}"
       select="getContent()"
       active="tab.active" 
       disabled="tab.disabled">
    <div ng-repeat="class in section.data">
      <p>{{class.heading}}</p>
      <p>{{class.paragraph}}</p>
    </div>
  </tab>
</tabset>

  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" select="getContent()" active="tab.active" disabled="tab.disabled">
    <div ng-hide="!tabs.isLoaded">
      <h1>{{tab.title}}</h1>
      <div ng-repeat="item in tabs.content">
        <p>{{item.fruit[$parent.$index]}}</p>
      </div>
    </div>
    <div ng-hide="tabs.isLoaded"><h3>Loading...</h3></div>
  </tab>

{{class.heading}}

{{class.段落}}

---

这会给你你想要的结果吗？

好的，看了你的照片后，我理解你的问题。请尝试以下操作：

<tabset type="pills">
  <tab ng-repeat="section in sections"
       heading="{{section.title}}"
       select="getContent()"
       active="tab.active" 
       disabled="tab.disabled">
    <div ng-repeat="class in section.data">
      <p>{{class.heading}}</p>
      <p>{{class.paragraph}}</p>
    </div>
  </tab>
</tabset>

  <tab ng-repeat="tab in tabs" heading="{{tab.title}}" select="getContent()" active="tab.active" disabled="tab.disabled">
    <div ng-hide="!tabs.isLoaded">
      <h1>{{tab.title}}</h1>
      <div ng-repeat="item in tabs.content">
        <p>{{item.fruit[$parent.$index]}}</p>
      </div>
    </div>
    <div ng-hide="tabs.isLoaded"><h3>Loading...</h3></div>
  </tab>

一个对象，它有一个称为“水果”的属性，该属性是水果对象的数组。每个水果对象都有名称和内容作为键。通过这种方式，您可以在ng重复中始终使用类似item.fruit[$parent.$index][“Name”]的内容，并且它将始终输出相应的名称

---

如果你有任何问题，请告诉我

谢谢你，帕特里克，但不幸的是没有。我知道如果我摆好小提琴会更容易识别，我会在有机会的时候试着这么做。好吧，我会试着关注这一页，等待小提琴。嗨，帕特里克，这里有一个简单的例子：