/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 vote285 views1 answer
Dots are displaying only when trying to fetch records html template
TypeScript
0 vote276 views1 answer
Add key value pair to all objects in array
TypeScript
0 vote323 views1 answer
Typescript checkbox event
TypeScript
0 vote282 views2 answers
Isnull or empty typescript
TypeScript
0 vote276 views1 answer
React native type png
TypeScript
2 votes353 views1 answer
Expected 2 arguments but got 1. viewchild angular
TypeScript
0 vote291 views1 answer
Merge enum typescript
TypeScript
0 vote273 views1 answer
Typescript function return array
TypeScript
3 votes300 views3 answers
Cannot find module typescript
TypeScript
0 vote279 views1 answer
Pass data through router angular
TypeScript