Tengo una navegación del lado izquierdo en el componente de inicio, el menú desplegable de navegación no funciona en uno de los módulos de enrutamiento ( admin-routing.module.ts ). la navegación funciona en app-routing.module.ts "ruta: 'inicio'" el archivo del componente es el mismo en los dos módulos de enrutamiento
soy nuevo en angular, estoy usando angular 14v
tengo un nombre de componente con "casa"
usé dos enrutamiento
Esto va dentro de app-routing.module.ts
const routes: Routes = [ { path: 'login', component: LoginComponent }, { path: 'forgot-password', component: ForgotPasswordComponent }, { path: 'not-found', component: NotFoundComponent }, { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'admin', loadChildren: () => import('./modules/admin/admin.module').then((m) => m.AdminModule) }, {path:'home', component:HomeComponent}, { path: '**', component: NotFoundComponent }, ];Esto va dentro de admin-routing.module.ts
const routes: Routes = [ { path: '', component: HomeComponent, children: [ { path: '', redirectTo: 'dashboard', pathMatch: 'full'}, { path: 'dashboard', component: DashboardComponent } ] } ];También agregué la ruta del archivo de script en angular.json
el menú desplegable de navegación y toogle no funcionan en la "ruta de inicio" de admin-routing.module.ts
alojé estos archivos en mi servidor
el enlace de navegación en funcionamiento es http://angular.byteinnovations.in/home
esta navegación no funciona http://angular.byteinnovations.in/admin/home
Como veo en tu enrutamiento
const routes: Routes = [ { path: '', component:HomeComponent, children: [ { path: '', redirectTo: 'home', pathMatch: 'full' }, { path: 'home', component: HomeComponent } ] } ];Está utilizando HomeComponent dos veces, ¿puede verificarlo y hacerlo de esta manera en su módulo de enrutamiento de administración?
const routes: Routes = [ { path: '', redirectTo: 'home', pathMatch: 'full' }, { path: 'home', component: HomeComponent } ]