angular navigate to another page code example
Example 1: add a route to a buttoin in angular
<button type="button" class="btn btn-primary-outline pull-right" (click)="btnClick();"><i class="fa fa-plus"></i> Add</button>
import { Router } from '@angular/router';
constructor(private router: Router) {
}
btnClick= function () {
this.router.navigateByUrl('/user');
};
Example 2: redirect angular
import { RoleComponent } from './role/role.component';
import { AppComponent } from './app.component';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: '', redirectTo: '/AppComponent', pathMatch: 'full' },
{ path: 'role', component: RoleComponent },
];
@NgModule({
imports: [ RouterModule.forRoot(routes) ],
exports: [ RouterModule ]
})
export class AppRoutingModule {
constructor(private router: Router)
}
functionOnWhichRedirectShouldHappen(){
router.navigate(['/role']);
}
Example 3: button routing
<a routerLink="/">Go To Home</a>
Example 4: this.router.navigate
<a [routerLink]="['/', 'red-pill', {x: 'white-rabbit'}, 'neo']">
Param!
</a>