/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 vote109 views1 answer
A tag blank_
Html
0 vote117 views1 answer
Ifreame on page with random video
Html
3 votes152 views2 answers
Angular material drag and drop only on button
Html
0 vote105 views1 answer
Page auto refresh
Html
0 vote122 views1 answer
Remove padding in code
Html
0 vote121 views1 answer
Html how to use special characters with font
Html
15 votes114 views6 answers
Html title attribute
Html
0 vote118 views1 answer
Reverse timer in html
Html
2 votes63 views1 answer
Html li tag
Html
1 vote111 views1 answer
Vue cursor focus
Html