ngRoute basics

Last reviewed May 28, 2026 Content v20260528

Track mode

client_angularjs

Means

In-browser AngularJS 1.x

Reading

~1 min

Level

intermediate

This lesson

This lesson teaches ngRoute basics: the concepts, APIs, and habits you need before advancing in AngularJS.

Routing maps URLs to components—guards and resolvers protect enterprise flows.

You will apply ngRoute basics in contexts like: Legacy SPAs with ngRoute and templateUrl partials in enterprise intranets.

Write JavaScript for AngularJS 1.8, click Run—register modules/controllers, then mountApp(moduleName, templateHtml) in #ng-app; printOutput feeds the terminal.

When you can explain the previous lesson's ideas without copying starter code.

ngRoute maps URLs to templateUrl and controller with $routeProvider.when.

Include 'ngRoute' in your module dependency array—the playground CDN loads angular-route.min.js.

Important interview questions and answers

Q: Why does this matter?
A: ngRoute maps URLs to templateUrl and controller with $routeProvider.when.

Self-check

Summarize ngRoute basics in one sentence.
What would you try next in the playground?

Challenge

ngRoute basics hands-on

Edit the default code.
Click Run in browser.
Confirm preview or terminal output.

Done when: preview or terminal matches the lesson goal.

Tip: Include ngRoute in the module dependency array—our playground CDN loads angular-route.min.js.

Interview prep

What does ngRoute provide?: $routeProvider maps URLs to templateUrl + controller and renders into ng-view.

Playground

Runs in your browser in a sandboxed frame. Backend runners appear when this track’s profile allows them.

Discussion

Past discussion is visible to everyone. Only logged-in users can post comments and replies.

Starter discussion topics

ngRoute module?
templateUrl route?

No discussion yet. Be the first to ask a question.