/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

6 votes293 views2 answers
TYPESCript props class component
TypeScript
1 vote308 views1 answer
Andonis many to many detach
TypeScript
4 votes310 views2 answers
Deno web server
TypeScript
0 vote285 views1 answer
Property 'split' does not exist on type string
TypeScript
5 votes306 views3 answers
Typescript function as parameter
TypeScript
4 votes253 views1 answer
Typescript define return type based on parameter
TypeScript
3 votes292 views1 answer
Sort list of lists by first element
TypeScript
0 vote292 views1 answer
If image is broken show alternative image angular
TypeScript
1 vote289 views1 answer
Enabletrace angular
TypeScript
0 vote294 views1 answer
Real time charts in flutter
TypeScript