/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

12 votes252 views3 answers
If shorthand typescript
TypeScript
0 vote278 views2 answers
Rails precompile assets production
TypeScript
8 votes266 views6 answers
Cannot be loaded because running scripts is disabled on this system visual studio code
TypeScript
1 vote275 views1 answer
Leaderstats roblox setup
TypeScript
0 vote259 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added
TypeScript
1 vote280 views1 answer
Ts disable is declared but its value is never read
TypeScript
0 vote262 views1 answer
How to call a export constants in nodejs
TypeScript
1 vote250 views1 answer
Adonis preload recursive
TypeScript
0 vote244 views1 answer
Angular viewchild second parameter
TypeScript
0 vote252 views1 answer
Bibtex remove brackets in note field
TypeScript