Angular route

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']); }

import {Router} from '@angular/router'; // import router from angular router export class Component{ // Example component.. constructor(private route:Router){} go(){ this.route.navigate(['/page']); // navigate to other page } }

const routes: Routes = [ { path: '', redirectTo: '/first-component', pathMatch: 'full' }, // redirect to `first-component` { path: 'first-component', component: FirstComponent }, { path: 'second-component', component: SecondComponent }, { path: '**', component: PageNotFoundComponent }, // Wildcard route for a 404 page ];

add component in angular router

First you need to make component using 'ng generate'
$ ng generate component home
$ ng generate component about

Next, in the src/app/app-routing.module.ts file import the components as follows:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
Next, add the routes as follows:

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }

];
So now if you visit the /home path you should go to home component and if you visit the /about path you should go to the about component.
/*
I hope it will help you.
Namaste
Stay Home Stay Safe
*/

Posted by: Guest on May-29-2020

import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { HeroesComponent } from './heroes/heroes.component'; const routes: Routes = [ { path: 'heroes', component: HeroesComponent } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }

Code answers related to "Angular route"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "Angular route"

Code answers related to "Angular route"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us