/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

1 vote318 views1 answer
How to add new line at n typography
TypeScript
0 vote343 views1 answer
How to get unique names oin array typescript
TypeScript
1 vote310 views1 answer
Clinical thermometer consists of a long, narrow, uniformclinical thermometer consists of a long, narrow, uniform
TypeScript
0 vote327 views3 answers
Email validation pattern react
TypeScript
0 vote325 views1 answer
Typescript instantiate 2d array
TypeScript
0 vote354 views2 answers
Get key of enum typescript
TypeScript
0 vote325 views1 answer
Export data in Documents outside sandbox in swift
TypeScript
0 vote292 views1 answer
How to list elements of an array C#
TypeScript
0 vote290 views1 answer
How to show component in another component angular
TypeScript
0 vote331 views1 answer
Open dialog
TypeScript