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

Answer 2

我把ng-include="'managetab.html'"放在第一位，它显示

WARNING: Tried to Load Angular More Than Once

然后我把

<div ng-include="'app/views/managetab.html'"></div>

工作正常....

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

Angular-ui: tab contents from separate html file

angularjs

angular-ui-bootstrap