javascript - 使用 Angularjs 的嵌套选项卡

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

我遇到了这个 JSFiddle 示例。

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

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

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

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