/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

0 vote166 views1 answer
AngularFireDatabase is not a observable??
Javascript AngularJS
0 vote177 views2 answers
Angular 8 remove cookies
Javascript AngularJS
1 vote235 views1 answer
Nghide angular 10
Javascript AngularJS
0 vote171 views1 answer
Angular validar formulario
Javascript AngularJS
4 votes187 views1 answer
Downgrade angular version in project
Javascript AngularJS
0 vote173 views1 answer
Put my angular project in subfolder. 500 INTERNAL ERROR
Javascript AngularJS
30 votes220 views5 answers
Angular bootstrap
Javascript AngularJS
29 votes218 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
1 vote165 views2 answers
Reload a child component in angular
Javascript AngularJS
7 votes205 views3 answers
How to add query parameter to url in angular
Javascript AngularJS