/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

7 votes311 views3 answers
How to declare an empty array in typescript
TypeScript
-1 vote382 views1 answer
What is http request made of
TypeScript
1 vote351 views1 answer
Can't bind to 'mat-dialog-close' since it isn't a known property of 'button'
TypeScript
13 votes319 views5 answers
Useref typescript
TypeScript
0 vote367 views1 answer
This typescript
TypeScript
0 vote322 views1 answer
Compy mongodb database with indexes
TypeScript
9 votes339 views3 answers
Fragments in react
TypeScript
0 vote357 views1 answer
Text input detect return key react native
TypeScript
0 vote333 views1 answer
How to print selected elements from a list
TypeScript
0 vote326 views1 answer
Htmlspecialchars() expects parameter 1 to be string array given in laravel blade
TypeScript