Home/ Questions/How to navigate from one page to another in angular?
Next
In Process
Raphaël Masson
  • 9
Asked: 2022-04-17T19:06:47+00:00 In:

How to navigate from one page to another in angular?

  • 9

. Advertisement .

..3..

. Advertisement .

..4..

I want to navigate from one page to another in angular but I am still a novice at Typescript, your suggestions would be much appreciated. Thank you.

♦ Suggestions of ITtutoria Team
Idea for “navigate from one page to another in angular”: Angular helps to make your app look beautiful and consistent by allowing you to navigate between pages with ease.

Here is a suggestion for you

import { Router } from '@angular/router';
​
export class YourComponentClassName implements OnInit {
​
 constructor(private router: Router) {}
​
 gotoHome(){
 this.router.navigate(['/home']); // define your component where you want to go
 }
​
}
​
Share

2 Answers

  1. I’ve tried some solutions but the simple method should be:

    <button class="btn btn-primary" (click)="gotoHome()">Home</button>
​
    • 20

  2. Using the solution like this

    const routes: Routes = [
 { path:'', component:LoginComponent},
 { path: 'home', component:HomeComponent }, // you must add your component here
 { path: '**', component:PageNotFoundComponent }
];
​
    • 12

Leave an answer

You must login to add an answer.

Need An Account,