Hice todo como lo indica en el video, no me aparece ningun error en la terminal ni en la consola sin embargo en el localhost:4200/home/ad...

Yamil B. Prado

Yamil B. Prado

Pregunta
student
hace 5 años

Hice todo como lo indica en el video, no me aparece ningun error en la terminal ni en la consola sin embargo en el localhost:4200/home/admin me dice pagina no encontrada. Me podrían ayudar por favor?

6 respuestas
    Gustavo Restrepo

    Gustavo Restrepo

    student
    hace 5 años

    Podemos ver el código?

    Yamil B. Prado

    Yamil B. Prado

    student
    hace 5 años

    ++Este código es del admin-routing.module.ts:++

    import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { ProductFormComponent} from './components/product-form/product-form.component'; import {NavComponent} from './components/nav/nav.component'; import {TableComponent} from './components/table/table.component'; import { DashboardComponent} from './components/dashboard/dashboard.component'

    const routes: Routes = [

    { path: '', component: NavComponent, children: [ { path: 'create', component: ProductFormComponent }, { path: 'table', component: TableComponent }, { path: 'dashboard', component: DashboardComponent } ] },

    ];

    @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class AdminRoutingModule { }

    Yamil B. Prado

    Yamil B. Prado

    student
    hace 5 años

    ++Este es el codigo del admin.module.ts:++

    import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common';

    import { AdminRoutingModule } from './admin-routing.module'; import { ProductFormComponent } from './components/product-form/product-form.component'; import { ReactiveFormsModule } from '@angular/forms';

    import { MaterialModule} from './../material/material.module'; import { NavComponent } from './components/nav/nav.component'; import { LayoutModule } from '@angular/cdk/layout'; import { MatToolbarModule } from '@angular/material/toolbar'; import { MatButtonModule } from '@angular/material/button'; import { MatSidenavModule } from '@angular/material/sidenav'; import { MatIconModule } from '@angular/material/icon'; import { MatListModule } from '@angular/material/list'; import { TableComponent } from './components/table/table.component'; import { MatTableModule } from '@angular/material/table'; import { MatPaginatorModule } from '@angular/material/paginator'; import { MatSortModule } from '@angular/material/sort'; import { DashboardComponent } from './components/dashboard/dashboard.component'; import { MatGridListModule } from '@angular/material/grid-list'; import { MatCardModule } from '@angular/material/card'; import { MatMenuModule } from '@angular/material/menu'

    @NgModule({ declarations: [ ProductFormComponent, NavComponent, TableComponent, DashboardComponent ], imports: [ CommonModule, AdminRoutingModule, ReactiveFormsModule, MaterialModule, LayoutModule, MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule, MatTableModule, MatPaginatorModule, MatSortModule, MatGridListModule, MatCardModule, MatMenuModule ] }) export class AdminModule { }

    Gustavo Restrepo

    Gustavo Restrepo

    student
    hace 5 años

    lo tienes en github o gitlab? para ver mejor todo el proyecto.

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.