/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 vote110 views3 answers
Number to string typescript
TypeScript
7 votes109 views2 answers
Conditional inline style angular
TypeScript
3 votes105 views3 answers
How to clear known_hosts in ssh
TypeScript
2 votes108 views1 answer
Vscode custom snippets how to use file name
TypeScript
1 vote101 views1 answer
Tsc install command
TypeScript
0 vote107 views1 answer
Add dots to line matplotlib
TypeScript
1 vote113 views1 answer
Circle dot in latex
TypeScript
0 vote106 views1 answer
Powershell copy contents of keyvault to another keyvault
TypeScript
0 vote111 views1 answer
Do feral cats have rabies?
TypeScript
0 vote95 views1 answer
Email validation in typescript
TypeScript