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文件中获取其内容，而不是从静态数组中获取。有没有办法实现这个目标？如果它可以在某些地方使用我的傻瓜：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'"，显示

警告：尝试多次加载Angular

然后我把

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

工作得很好....

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

2 个答案: