Question

我想使用Angularjs绘制嵌套选项卡，但有些选项卡不指向其内容

查看我的代码

<tabs sortable="Visit.Organizations">
            <tab-buttons>
                <tab-button ng-repeat="organization in Visit.Organizations" sortable-item="$index" ng-click="SetCurrentTab(organization);">{{organization.Name}}</tab-button>
            </tab-buttons>
            <tab-contents>
                <tab-content ng-repeat="organization in Visit.Organizations">
                    <tabs sortable="organization.Departements">
                        <tab-buttons>
                            <tab-button ng-repeat="departement in organization.Departements" sortable-item="$index">{{departement.Name}}</tab-button>
                        </tab-buttons>
                        <tab-contents>
                            <tab-content ng-repeat="departement in organization.Departements">
                                {{departement.Name}}
                            </tab-content>
                        </tab-contents>
                    </tabs>
                </tab-content>
            </tab-contents>
        </tabs>

只有第一个标签可见，其他标签未在选择时加载。

任何人帮助我？

感谢

Answer 1

只是一个想法，但可能在嵌套的ng-repeat中使用组织作为相同的名称可能会导致问题，我需要看到更多的控制器代码，以便做出更好的结论。

Answer 2

我遇到了这个JSFiddle示例。

https://jsfiddle.net/jccrosby/eRGT8/

它清楚地定义了tab控件和$ scope变量所需的事件。

$scope.isActiveTab = function(tabUrl) {
    return tabUrl == $scope.currentTab;
}

请检查您是否已定义这些。

使用Angularjs的嵌套选项卡

2 个答案: