How to do routing in angular js

Question

Midhun Tp · Answer

Hi, Please check below link - http://www.c-sharpcorner.com/UploadFile/1d3119/dynamic-routing-using-angular-js/

Ms_ Dev · Answer

If you want to navigate to different pages in your application, but you also want the application to be a SPA (Single Page Application), with no page reloading, you can use the ngRoute module. Main Red Green Blue var app = angular.module("myApp", ["ngRoute"]); app.config(function($routeProvider) { $routeProvider .when("/", { templateUrl : "main.htm" }) .when("/red", { templateUrl : "red.htm" }) .when("/green", { templateUrl : "green.htm" }) .when("/blue", { templateUrl : "blue.htm" }); }); Click on the links to navigate to "red.htm", "green.htm", "blue.htm", or back to "main.htm" Navigate to "red.htm", "green.htm", and "blue.htm". You will Understand the Routing Concept in AngularJS. *Mark as Answer if it helped. Thanks!

Delpin Susai Raj · Answer

http://www.w3schools.com/angular/angular_routing.asp

Bikesh Srivastava · Answer

Hi Dash, There are two type of routing in angularjs 1:-UI-routing https://bikeshsrivastava.blogspot.in/2016/04/part-17what-is-stateproviderui-routing.html 2:-Ng-route https://bikeshsrivastava.blogspot.in/2016/02/part-12what-is-routing-in-angularjs.html

How to do routing in angular js

Answers (4)