/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 vote268 views2 answers
List elements not in indices
TypeScript
0 vote281 views4 answers
Ngtemplateoutlet
TypeScript
0 vote307 views4 answers
Two form in rasa
TypeScript
2 votes268 views3 answers
Mat dialog disable close
TypeScript
7 votes264 views4 answers
Angular set query params
TypeScript
3 votes262 views1 answer
Mysql insert exists update
TypeScript
0 vote278 views1 answer
How push objects into a local stotage array
TypeScript
0 vote255 views1 answer
Error TS2339: Property 'open' does not exist on type 'MatDialogModule'.
TypeScript
0 vote263 views1 answer
How to check if key exists in json object c#
TypeScript
0 vote250 views1 answer
Git show which commit a tag points to
TypeScript