Tengo una aplicación angular con rutas a componentes.
Aquí está el archivo de rutas
const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'main', children: [ { path: 'faq', component: FaqComponent }, { path: 'faq-mobile', component: FaqMobileComponent }, { path: 'neighborhoods', component: NeighborhoodsComponent }, { path: 'sales', component: SalesComponent }, { path: 'commercials', component: CommercialsComponent }, { path: 'rentals', component: RentalsComponent }, { path: 'contact-us', component: ContactUsComponent }, { path: 'list-with-us', component: ListWithUsComponent }, { path: 'no-mobile', component: NoMobileComponent }, { path: 'about-us', component: AboutUsComponent }, { path: 'jobs', component: JobsComponent }, { path: 'rooms', component: RoomsComponent }, { path: 'join-the-hunt', component: JoinTheHuntComponent }, { path: 'apply', component: ApplyMainComponent }, { path: 'apply/:id', component: ApplyDetailsComponent }, { path: 'home-mobile', component: HomeMobileComponent }, { path: 'getting-approved', component: GettingApprovedComponent }, ], }, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule], }) export class AppRoutingModule {} Cuando, por ejemplo, uso el enlace http://localhost:4200/main/apply y solo actualizo el enlace, me devuelve a http://localhost:4200
¿Cómo puedo hacer que permanezca en http://localhost:4200/main/apply ?
En mi proyecto angular lo tengo así:
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' } -> así que agregar pathMatch: 'full' podría ser el truco aquí.
Use { path: '', component: HomeComponent, pathMatch: 'full' } para su primera ruta. Cuando actualiza, se le redirige a HomeComponent porque es la primera ruta que coincide con su camino.
Echa un vistazo a: En Angular, ¿Qué es 'pathmatch: full' y qué efecto tiene?