Comment rediriger vers un chemin spécifique?
abedzantout
J'ai les itinéraires suivants:
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
}
]
},
];
Après qu'un utilisateur clique sur un bouton dans InvestmentsListComponents, je souhaite le rediriger vers le InvestmentDetailComponent
:
J'utilise ce qui suit pour tenter la redirection:
this.router.navigate([ '/investment' ]).then(( d ) => console.log(d));
Cependant cela ne me redirige nulle part, j'ai essayé de mettre le chemin approprié Routes
sous les enfants de path: ':id;
mais toujours sans résultat. J'ai également essayé de naviguer avec l' relativeTo
attribut en vain.
Il est à noter que les routes ci-dessus ont un chemin parent:
path: 'investments'
Toutes les suggestions sont très appréciées.
eko
Si vous mettez un /
lors de la navigation, il agira comme un chemin absolu.
Donc, dans ce cas, la bonne route devrait être
this.router.navigate([ '/investments/investment' ]).then(( d ) => console.log(d));
Plus d'infos: https://angular.io/docs/ts/latest/guide/router.html#!#relative-navigation