Angular-ui:来自单独的html文件的选项卡内容

Question

我有这个简单的选项卡面板:

<div ng-controller="TabsDemoCtrl">
<tabset>
<tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
  {{tab.content}}
</tab>
</tabset>
</div>

而这个简单的控制器:

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function   ($scope) {
$scope.tabs = [
{ title:'Dynamic Title 1', content:'/tab1.html' },
{ title:'Dynamic Title 2', content:'Dynamic content 2'}
];
});

我的问题是我希望标签1从.html文件中获取其内容,而不是从静态数组中获取.有没有办法实现这个目标？如果它可以在某些用途这里是我的plunker:http://plnkr.co/edit/mFkI7oDIeamqd444wlqr

Answer 1

ng-include是你的朋友

<div ng-include="tab.content"></div>

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