Je veux ouvrir le dans l'autre
J'ai utilisé le
const routes: Routes = [
{ path: '', redirectTo: '/index', pathMatch: 'full' },
{ path: 'index', component: SiteMainPageComponent },
{ path: 'AdminDashboard', component: AdminMainPageComponent },
{ outlet:"admin",path: 'AdminDashboard/Users', component: AdminUsersComponent},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
3 Réponses :
ce que vous avez est correct, donc le problème devrait être d'une autre manière, pourriez-vous inclure le fichier complet du routeur?
À quoi ressemble votre modèle? Voici la syntaxe:
<a [routerLink]="[{outlets: { admin: ['AdminDashboard/Users']} }]">Users</a>
Essayez ceci:
Syntax: <a [routerLink]="[{outlets: { <outlet name> : [<path>]}}>Text</a>
Je ne sais pas si c'est ce que vous recherchez. Bonne chance.
La façon dont vous faites des points de vente imbriquées est que vous définissez les enfants d'un itinéraire et mettez la sortie de routeur imbriquée dans cet itinéraire (mynedestéstroutecomonent dans ce cas).
const routes: Routes = [
{ path: '', redirectTo: '/index', pathMatch: 'full' },
{ path: 'nested-router', component: MyNestedRouteComponent, children: [{
// nested routes here
}] },
];
Suivez ce lien: techiediaries.com/angular-router-multiple-outlets