interview

Home / DeveloperSection / Interviews / What is routing in AngularJS?

Ask Question
Ashutosh Kumar Verma

Ashutosh Kumar Verma

Follow
Hi! This is Ashutosh Kumar Verma. I am a software developer at MindStick Software Pvt Ltd since 2021. I have added some new and interesting features to the MindStick website like a story section, audio section, and merge profile feature on MindStick subdomains, etc. I love coding and I have good knowledge of SQL Database.

Can you answer this question?

Answer

1 Answers

Ashutosh Kumar Verma

Ashutosh Kumar Verma

19-Jun-2024

AngularJS Routing

Routing in AngularJS allows developers to manage different views (or pages) in a single page application (SPA). This is facilitated by the ngRoute module, where routes are configured using $routeProvider. Each method features a template and controller, and provides seamless navigation without full page reloads, thereby enhancing user experience and application responsiveness.

Example- 

Here is a simple example to demonstrates the using of routing in angular js,

angular.module('myApp', ['ngRoute'])
 .config(function($routeProvider) {
   $routeProvider
     .when('/home', {
       templateUrl: 'views/home.html',
       controller: 'HomeController'
     })
     .when('/about', {
       templateUrl: 'views/about.html',
       controller: 'AboutController'
     })
     .otherwise({ redirectTo: '/home' });
 });

In the example above-

The route /home maps to views/home.html and HomeController.

The route /about maps to views/about.html and AboutController.

If none of the specified routes match, the otherwise method specifies a default route.

Also, Read: What is built-in services in AngularJS?

MindStick Training

Liked By