how to navigate from one page to another in angular

1import { Router } from '@angular/router';
2
3export class YourComponentClassName implements OnInit {
4
5    constructor(private router: Router) {}
6
7    gotoHome(){
8        this.router.navigate(['/home']);  // define your component where you want to go
9    }
10
11}
12

1const routes: Routes = [
2  { path:'', component:LoginComponent},
3  { path: 'home', component:HomeComponent },  // you must add your component here
4  { path: '**', component:PageNotFoundComponent }
5];
6

1<button class="btn btn-primary" (click)="gotoHome()">Home</button>
2