/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

0 vote366 views1 answer
Write code faster in vscode
Html
1 vote317 views1 answer
Load popper in html
Html
0 vote340 views1 answer
Mvc 5 required field validation not working
Html
0 vote322 views1 answer
How to make a whatsapp hyperlink html
Html
69 votes353 views2 answers
Bootstrap background
Html
0 vote280 views1 answer
Html play audio programmatically
Html
1 vote357 views1 answer
Scrolling text html
Html
2 votes337 views1 answer
Html color to rgb
Html
1 vote312 views1 answer
React bootstrap font color
Html
5 votes305 views2 answers
Html table span 2 rows
Html