interview

home / developersection / interviews / what is routing in angularjs?

Ask Question
Ashutosh Kumar Verma

Developer

I'm a passionate content writer with a deep background in technology and web development. Skilled at writing engaging, well-researched, and SEO-friendly articles, I enjoy simplifying complex topics into clear and impactful writing that informs, inspires, and engages readers.

Follow
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
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy