Estou com problemas. Ao submeter um formulário em Login component e direcionar para /home, faz o redirecionamento mas, volta ao LoginComponent. Na barra de endereços ao submeter troca para uma /? abre o component e redireciona para a página inicial.
Nessa parte está o roteamento
import {RouterModule, Routes} from '@angular/router';
import {NotFoundComponent} from './errors/not-found/not-found.component';
import {NgModule} from '@angular/core';
import {LoginComponent} from './login/login.component';
const routes: Routes = [
/*// Lazy loading. Carregar partes do projeto conform o usuário utiliza
// PathMatch vai considerar apenas o caminho e não todos os subsequentes. Ex; user/userid/userfull apenas user
{path: '', pathMatch: 'full', redirectTo: 'home'},
{path: 'home', loadChildren: './home/home.module#HomeModule'},*/
{path: '', component: LoginComponent},
{path: '', redirectTo: 'home', pathMatch: 'full'},
{path: 'home', loadChildren: './home/home.module#HomeModule'},
{path: '**', component: NotFoundComponent}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {
}Esse é o roteamento do HomeComponent
import {RouterModule, Routes} from '@angular/router';
import {HomeComponent} from './home.component';
import {NgModule} from '@angular/core';
const routes: Routes = [
{path: '', component: HomeComponent}
];
@NgModule({
// Mudar para forChild
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class HomeRoutingModule {}Aqui o código HomeModule
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HomeComponent } from './home.component';
import {RouterModule} from '@angular/router';
import {HomeRoutingModule} from './home.routing';
@NgModule({
imports: [
CommonModule,
RouterModule,
HomeRoutingModule
],
declarations: [HomeComponent],
exports: [HomeComponent]
})
export class HomeModule { }AppModule
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {AppRoutingModule} from './app.routing';
import {ErrorsModule} from './errors/errors.module';
import {LoginModule} from './login/login.module';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
LoginModule,
ErrorsModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }AppComponentHtml
<router-outlet></router-outlet>