我正在使用 AngularStrap 创建选项卡,并希望为每个选项卡动态加载一个 html 片段,如以下问题所示,但还想指定一个动态控制器。
请参阅: AngularStrap 选项卡加载 html 片段
这是我的javascript和html。
function WorkspaceCtrl($scope, $window, $location) {
// Tab directive
$scope.tabs = [
{
title:'Search',
page: 'templates/workspace/search.ejs',
controller: SearchCtrl
},
{
title:'My Searches',
page: 'templates/workspace/my_searches.ejs',
controller: MySearchesCtrl
},
{
title:'Community Searches',
page: 'templates/workspace/community_searches.ejs',
controller: CommunitySearchesCtrl
}
];
$scope.tabs.activeTab = 1;
}
<body ng-controller="WorkspaceCtrl">
<div class="container">
<section id="tab">
<div class="bs-docs-example">
<div ng-model="tabs.activeTab" bs-tabs>
<div ng-repeat="tab in tabs" data-title="{{ tab.title }}">
</div>
<div ng-include src='tabs[tabs.activeTab].page' ng-controller="tabs[tabs.activeTab].controller"></div>
</div>
</div>
</section>
</div>
</body>
动态页面工作正常,但控制器不仅不工作,而且还阻止加载动态片段。角带标签是否支持这种行为?提前致谢。