Routing

Build applications with multiple screens, browser URLs, nested layouts, data loading, and guarded transitions.

Routing connects a browser URL to a screen in your application. Begin with the routing overview, then learn states, URLs, transitions, and route maps in that order.


State-based routing in AngularTS applications

Learn how AngularTS implements state-based routing with states, views, resolves, transitions, and URL matching configured through module declarations.

States

Define state hierarchies, resolve data, register states, and navigate with $state.

Routing transitions and lifecycle hooks

Understand the AngularTS transition lifecycle and use hooks like onBefore, onStart, onSuccess, and onError for auth guards, analytics, and redirects.

Route maps

Use route maps to make $state navigation, route params, resolves, and ng-state examples auditable by TypeScript.

URL matching and configuration in AngularTS router

Configure URL parameters, typed path and query params, hash vs HTML5 mode, base href, and custom parameter types in the AngularTS state-based router.