/TypeScript/How to navigate from one page to another in angular

How to navigate from one page to another in angular

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
    }

}

Source: stackoverflow.com

How to navigate from one page to another in angular

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

Source: stackoverflow.com

How to navigate from one page to another in angular

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

Source: stackoverflow.com

Similar codes

0 vote150 views1 answer
Function that takes first & last name and then it greets the user using his full name.
TypeScript
0 vote134 views1 answer
How to check that tuple contains unique elements
TypeScript
0 vote136 views2 answers
Paragraph dots after 2 lines css
TypeScript
2 votes131 views1 answer
What are benefits of zip files
TypeScript
0 vote137 views1 answer
Bits required for address 1 GB memory
TypeScript
0 vote133 views1 answer
@ViewChild takes 2 arguments error
TypeScript
0 vote133 views1 answer
Typescript generic record
TypeScript
17 votes135 views3 answers
Typescript enum to string
TypeScript
6 votes143 views2 answers
Typescript how to create an array instance
TypeScript
11 votes226 views4 answers
If a class exists jquery
TypeScript