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