AngularJS引导的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