/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 vote151 views1 answer
Get type of element of array typescript
TypeScript
1 vote144 views1 answer
Font type css system
TypeScript
0 vote139 views1 answer
How to read web page in type script
TypeScript
0 vote156 views1 answer
Error TS2307: Cannot find module '@angular/cdk/bidi'.
TypeScript
0 vote184 views1 answer
Linq get list of objects based on the value in grandchild
TypeScript
0 vote140 views1 answer
Typescript doesnt read .d.ts
TypeScript
0 vote171 views2 answers
Array objects to array of one property
TypeScript
0 vote145 views1 answer
Function to generate random number (typescript)
TypeScript
0 vote155 views1 answer
Lite-server cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote151 views1 answer
Elements with the button role must be focusable
TypeScript