/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

65 votes176 views6 answers
How to add links in html
Html
9 votes196 views2 answers
Get svg code from uploaded svg file
Html
2 votes141 views1 answer
Address tag in html
Html
0 vote200 views2 answers
Javascript onblur
Html
2 votes189 views1 answer
How to get rid how white border on html page
Html
8 votes189 views1 answer
What is the difference between .html and .htm files
Html
0 vote209 views1 answer
Prompt for confirm before link click
Html
5 votes278 views2 answers
HTML hello world
Html
4 votes200 views4 answers
Carousel
Html
0 vote192 views1 answer
Get all href from html
Html