/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 vote276 views1 answer
Como crear una app con visual studio code
Html
0 vote313 views1 answer
Bootstrap switch change text
Html
45 votes266 views3 answers
Button color bootstrap
Html
0 vote295 views1 answer
Uncaught error: bootstrap
Html
1 vote314 views2 answers
Get checkbox value in div TAG
Html
8 votes275 views4 answers
Bootstrap popup alert
Html
0 vote307 views1 answer
Getmdl
Html
0 vote287 views1 answer
You must add a reference to assembly 'System.Core, Version=4.0.0.0, Culture=neutral
Html
0 vote262 views1 answer
How to create a text that will redirect to anothe page in new tab
Html
0 vote277 views1 answer
Password setCustomValidity html5
Html