/Html/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

19 votes124 views5 answers
Google icons
Html
0 vote106 views3 answers
Css remove cursor events
Html
0 vote98 views1 answer
Font awesome animate
Html
0 vote107 views2 answers
Nav bar activate in jinja
Html
0 vote112 views1 answer
Git local and remote gitignore
Html
10 votes99 views1 answer
Open link in a new tab hmtl
Html
0 vote95 views1 answer
Bootstrap dropdown on hover
Html
3 votes103 views4 answers
Svg circle
Html
2 votes102 views1 answer
Block level elements
Html
0 vote103 views1 answer
How to make buttons side by side html
Html