/Angular.js 1.6

Improve this Doc ngRoute


First, get the file:

  • Google CDN e.g.
  • NPM e.g.
    npm install --save angular-route@X.Y.Z
    yarn add angular-route@X.Y.Z
  • Bower e.g.
    bower install angular-route#X.Y.Z
  • code.angularjs.org (discouraged for production use) e.g.

where X.Y.Z is the AngularJS version you are running.

Then, include angular-route.js in your HTML:

<script src="path/to/angular.js"></script>
<script src="path/to/angular-route.js"></script>

Finally, load the module in your application by adding it as a dependent module:

angular.module('app', ['ngRoute']);

With that you're ready to get started!


The ngRoute module provides routing and deeplinking services and directives for angular apps.

See $route for an example of configuring and using ngRoute.

Module Components


Name Description


ngView is a directive that complements the $route service by including the rendered template of the current route into the main layout (index.html) file. Every time the current route changes, the included view changes with it according to the configuration of the $route service.


Name Description

Used for configuring routes.


Name Description

$route is used for deep-linking URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition.


The $routeParams service allows you to retrieve the current set of route parameters.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.