/Javascript/AngularJS/Angular routing example

Angular routing example

Angular navigate using component

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
	}
}

Generate module with routing in angular

ng g m [ModuleName] --routing

Source: stackoverflow.com

Angular routing example

      
        content_copy
      
      const routes: Routes = [
  { path: 'first-component', component: FirstComponent },
  { path: 'second-component', component: SecondComponent },
];

Source: angular.io

Angular routing example

      
        content_copy
      
      ng generate component first

Source: angular.io

Angular routing example

      
        content_copy
      
      ng generate component second

Source: angular.io

Angular routing example

      
        content_copy
      
      import { FirstComponent } from './first/first.component';
import { SecondComponent } from './second/second.component';

Source: angular.io

Similar codes

7 votes105 views4 answers
Angular firebase
Javascript AngularJS
-1 vote66 views2 answers
Angular form validation date input
Javascript AngularJS
0 vote107 views1 answer
ANGULAR locale fr
Javascript AngularJS
0 vote102 views1 answer
Angular compnent
Javascript AngularJS
0 vote96 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
0 vote100 views1 answer
Form reset input angular
Javascript AngularJS
0 vote94 views1 answer
Angular httpclient query params not working
Javascript AngularJS
0 vote110 views1 answer
Reload page angular one time
Javascript AngularJS
0 vote103 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
0 vote99 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS