import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { AboutComponent } from './about/about.component'; const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
import { Component } from '@angular/core'; import { Router } from '@angular/router'; @Component({ selector: 'app-login', template: ``, }) export class LoginComponent { username: string; password: string; constructor(private router: Router) { } login() { // Do login logic here // Assuming successful login, navigate to the home page this.router.navigate(['/']); } } In the above code, we are using the router.navigate method to programmatically navigate to our defined home route upon successful login. The @angular/router Router is an official Angular package library.