只要在Angular UI中找到特定的父状态,就会重定向到特定的子状态

时间:2014-11-13 10:59:42

标签: angularjs angular-ui angular-ui-router

我想一直从父状态重定向到特定的子状态。请参考以下内容:

$stateProvider.state('dashboard.view-bills', {
    url: '/individual/view-bills',
    templateUrl: 'modules/view-bill-module/partial/current-invoices/current-invoices.html',
    ncyBreadcrumb: {
        label: ' View Bills'
      }
});

$stateProvider.state('dashboard.view-bills.current-invoices', {
    url: '/current-invoices',
    templateUrl: 'modules/view-bill-module/partial/current-invoices/current-invoices.html',
    ncyBreadcrumb: {
        label: ' Current Invoices'
      }
});

$stateProvider.state('dashboard.view-bills.history-invoices', {
    url: '/invoices',
    templateUrl: 'modules/view-bill-module/partial/history-invoices/history-invoices.html',
    ncyBreadcrumb: {
        label: ' Invoice History'
      }
});

在这里,每当我处于dashboard.view-bills状态时,我都想进入'dashboard.view-bills.current-invoices'状态。我正在使用面包屑中的angular-breadcrumb

我使用以下代码更改了网址: $urlRouterProvider.when('/individual/view-bills' , '/individual/view-bills/current-invoices');

但是使用这段代码,状态不会改变,这样做的最佳方法是什么?还有,有没有像$stateRouterProvider.when('matcher-state' , 'destination-state');

这样的功能

1 个答案:

答案 0 :(得分:1)

保留第$urlRouterProvider.when('/individual/view-bills' , '/individual/view-bills/current-invoices')行,你完成了一半的工作。

您缺少的是状态abstract: true中的dashboard.view-bills以进行状态更改。

来源:https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-set-up-a-defaultindex-child-state

感谢您使用angular-breadcrumb,btw;)

相关问题