/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

23 votes154 views4 answers
Bootstrap 5 vertical align
Html
21 votes169 views6 answers
Html boilerplate code
Html
6 votes152 views6 answers
Boostrap input
Html
0 vote135 views1 answer
Html video autosize
Html
1 vote133 views1 answer
Pass a method to composite jsf
Html
0 vote147 views1 answer
How to run an application exe running in server and return the response in html
Html
0 vote131 views1 answer
How to use a text area for a model kendo mvc
Html
0 vote148 views1 answer
BORDERS WITH TEXT IN IT
Html
13 votes146 views2 answers
Select option html
Html
19 votes162 views5 answers
Vue if class
Html