angularjs - UI 路由器 : redirect to child state when navigating to abstract parent state

Question

在我的音乐应用程序中，我在应用程序的顶级状态中有一个 ng-repeat 来创建导航链接。顶级状态之一，称为库，是抽象的并具有子状态(可使用选项卡导航)。由于我使用的是 ng-repeat，抽象状态的指令为 ui-sref="library" .但是，不可能像那样导航到抽象的父状态，相反我需要写 ui-sref="library.albums" .我无法做到这一点，因为 ng-repeat 数据直接来自状态提供者。如何在“库”上设置默认子状态，以便每当访问该状态时，它都会重定向到子状态？

这是我的设置图:

Answer 1

我在寻找相同问题时发现了这个问题，然后我在 Angular UI-Router 的常见问题解答页面上找到了这个问题。 https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions

如何:设置默认/索引子状态

使父状态抽象。

$stateProvider
    .state('library', {
        url: '/library',
        abstract: true,
        template: '<ui-view></ui-view>'
    })
    .state('library.albums', {
        url: '/albums',
        template: '<h1>Albums</h1>'
    });

然后，如果您给子状态一个空 URL，它将与父状态的 URL 完全匹配。但是，如果您想为 child 保留一个单独的 URL，您可以这样做:

$urlRouterProvider.when('/library', '/library/albums');

如果您需要更多信息，请阅读给定的 GitHub WIKI URL。