He estado tratando de encontrar una solución a mi problema desde ayer. Desafortunadamente, no puedo hacerlo. El enrutamiento no funciona, incluso cuando en la url cambio por la ruta. Todavía toma el HTML de app.component.html

Mi app.module.ts:

 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { MaterialModule } from './material.module'; import { HomeComponent } from './home/home.component'; import { RouterModule, Routes } from '@angular/router'; import { FormsModule } from '@angular/forms'; @NgModule({ declarations: [ AppComponent, HomeComponent ], imports: [ BrowserModule, AppRoutingModule, BrowserAnimationsModule, MaterialModule, FormsModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

Y mi AppRoutingModule:

 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { AppComponent } from './app.component'; import { HomeComponent } from './home/home.component'; const routes: Routes = [ {path: '', component: AppComponent}, {path: 'home', component: HomeComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }

Solo quiero que cuando pongo la url: localhost:4200/home me redirija al html de HomeComponent. El código es simple y he seguido varios tutoriales. Espero tener alguna ayuda porque no entiendo.. Gracias a ustedes!