Nested Tabs using Angularjs

I want to draw nested tabs using Angularjs , but some tabs doesn't point to its content

See my code

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

Only the first tab is visible and other tabs are not loading on selection.

any one help me ?

thanks