AngularJS Essentials

Chapter 4
Creating a single-page application
In the past few years, the single-page application, also known as SPA, has been
growing in popularity among frontend developers. It improves customers' experiences
by not requiring the page to be constantly reloaded, taking advantage of technologies
such as AJAX and massive DOM manipulation.
Installing the module
AngularJS supports this feature through the $route service. Basically, this service
works by mapping URLs against controllers and views, also allowing parameter
passing. This service is part of the ngRoute module and we need to declare it before
using it, as follows:
index.html
After this, the module should be imported to the parking module:
app.js
var parking = angular.module("parking", ["ngRoute"]);
Configuring the routes
With the $routeProvider function, we are able to configure the routing
mechanism of our application. This can be done by adding each route through the
when function, which maps the URL pattern to a configuration object. This object has
the following information:
• controller: This is the name of the controller that should be associated with
the template
• templateUrl: This is the URL of the template that will be rendered by the
ngView module
• resolve: This is the map of dependencies that should be resolved and
injected inside the controller (optional)
• redirectTo: This is the redirected location
[ 87 ]
www.it-ebooks.info