javascript - $urlRouterProvider.when 保持重新加载状态

Question

我刚刚将嵌套状态添加到我的 AngularJS 中应用程序，但我还想在父状态被命中时添加重新路由，因此我将此代码添加到我的 UI-router 中

angular.module('app')
.config(function ($stateProvider, $urlRouterProvider) {
        $urlRouterProvider.when('/PDGODSTD', '/PDGODSTD/weekinfo');

        $stateProvider.state('PDGODSTD', {
            //abstract: true, // uncommenting this resolves in an error telling me that I can't navigate to an abstract state
            url: "/PDGODSTD",
            templateUrl: '../Modules/PDGODSTD/web/index.html'
        })
        .state('PDGODSTD.weekinfo', {
            url: "/weekinfo",
            templateUrl: '../Modules/PDGODSTD/web/weekinfo/weekinfo.html',
            controller: 'PDGODSTDweekinfoController',
            resolve: {
            }
        })
    });

index.html文件只包含这段代码<ui-view><ui-view />

发生的情况是，路由器不断在父状态和嵌套状态之间重新路由，或者在我的调试器 Chrome 中看起来是这样。 .

Answer 1

这个简单的插件似乎可以工作:http://plnkr.co/edit/8O7YZY9vBsCW0Wbj6ygU?p=preview

检查您的 templateUrl 是否正确获取(检查网络选项卡)。

在 ui-router 1.0.0-rc.1 中，首选的重定向机制是使用 redirectTo:。redirectTo 的文档位于:https://ui-router.github.io/ng1/docs/latest/interfaces/ng1.ng1statedeclaration.html#redirectto

    $stateProvider.state('PDGODSTD', {
        redirectTo: 'PDGODSTD.weekinfo',
        url: "/PDGODSTD",
        templateUrl: '../Modules/PDGODSTD/web/index.html'
    })
    .state('PDGODSTD.weekinfo', {
        url: "/weekinfo",
        templateUrl: '../Modules/PDGODSTD/web/weekinfo/weekinfo.html',
        controller: 'PDGODSTDweekinfoController',
        resolve: {
        }
    })