组件导航路线

Question

如何从当前组件导航到另一个组件？我试过这样：

帐户组件：

vm.$onInit = function () {
    var jwt = accountService.getJWT();

    if (!jwt || jwtHelper.isTokenExpired(jwt)) {
        this.$router.navigate(['registration']);
    }
};

这对我不起作用:(

Component "Root" has no route config.

我已经设置了 $routerRootComponent

.value('$routerRootComponent', 'app')
.component('app', {
    template: '<ng-outlet></ng-outlet>',
    $routeConfig: [
        {path: '/registration', component: 'registration', useAsDefault: true},
        {path: '/registration/:referrer', component: 'registration'},

        {path: '/account', component: 'account'}
    ]
})

plnkr

Answer 1

路由（在旧路由器中）需要一个名称，router.navigate() 期望使用该名称，否则您需要使用例如 router.navigateByUrl().

Plunker example