/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

25 votes274 views1 answer
Scale svg css
Html
0 vote298 views1 answer
Git print commit tree html
Html
0 vote293 views1 answer
Iframe text in html
Html
0 vote318 views1 answer
Object to string angular html
Html
21 votes295 views1 answer
Viewport responsive
Html
10 votes293 views10 answers
Hello
Html
0 vote291 views2 answers
CSS Setting Table Column Width
Html
1 vote324 views1 answer
Middel click vuejs
Html
3 votes289 views1 answer
Autoredirect html
Html
12 votes325 views3 answers
Vue v-model
Html