AngularJS Bootstrap-ui标签用于引入动态内容

Question

我在这里设置了一个Plunker来演示我的应用程序：

http://plnkr.co/edit/iIJVuIxspDRedN7ZXiTK?p=preview

<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}}</p>
    </div>
  </div>
  <div ng-hide="tabs.isLoaded"><h3>Loading...</h3></div>
  </tab>
</tabset>

我想要做的只是在每个标签下显示相关内容，目前我设置的方式是我在两个标签中提取所有内容。

配置此功能的最佳方法是什么？

提前致谢！

Answer 1

更改此$ scope.tabs.content = res.data;

到

$scope.tabs.content=res.data[0].fruit;

这是更新的plunker

http://plnkr.co/edit/5Ng9PHkrluKUSzQhor34?p=preview