Question

我有以下路线：

const routes: Routes = [
    {
        path: '', component: InvestmentsCenterContainerComponent,
        children: [
            {
                path: '', component: InvestmentsCenter,
                children: [ {
                    path: ':id',
                    children: [ {
                        path: '',
                        component: InvestmentsListComponent,
                        resolve: { investmentsData: InvestmentsDetailResolver },

                    } ]
                } ]
            }, {
                path: 'investment', component: InvestmentDetailComponent // <- cannot navigate to here
            }

        ]
    },

];

用户点击InvestmentsListComponents内的按钮后，我想将他重定向到InvestmentDetailComponent：

我正在使用以下方法尝试重定向：

this.router.navigate([ '/investment' ]).then(( d ) => console.log(d));

但是，这并没有将我重定向到任何地方，我尝试在Routes的{{1}}下将path: ':id;中的相应路径放在relativeTo的子项下，但仍然没有结果。我还尝试使用path: 'investments'属性导航，但没有用。

值得注意的是，上述路线有父路径：

PersistentEntityResourceAssembler

非常感谢任何建议。

Answer 1

如果您在导航时放置/，它将充当绝对路径。

所以在这种情况下，正确的路线应该是

this.router.navigate([ '/investments/investment' ]).then(( d ) => console.log(d));

更多信息：https://angular.io/docs/ts/latest/guide/router.html#!#relative-navigation

如何重定向到特定路径？

1 个答案: