带有动态html和控制器的AngularStrap选项卡

我正在使用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;
}

Run Code Online (Sandbox Code Playgroud)

<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>

Run Code Online (Sandbox Code Playgroud)

动态页面工作正常,但控制器不仅不起作用,而且还阻止加载动态片段.角带标签是否支持此行为？提前致谢.

归档时间：	12 年，9 月前
查看次数：	2464 次
最近记录：	7 年，9 月前