Angular Dynamic Routing
An angular module designed to create ui-router states dynamically via a state configuration object. Use the optional animation module to provide fancy animations during state transitions.
These modules were originally part of Foundation for Apps and later Angular Base Apps, but now exist in their own standalone project.
Install
Get started by installing angular-dynamic-routing from npm.
npm install angular-dynamic-routing --save
This library is often combined with angular-front-router which can be used to create the state configuration objects.
Usage
Include the dynamic routing modules and source code:
dynamicRouting
- node_modules/angular-dynamic-routing/dynamicRouting.jsdynamicRouting.animations
(optional) - node_modules/angular-dynamic-routing/dynamicRouting.animations.js
The dynamicRouting
module can configure states in one of two ways:
- Assign the state configurations to a
BaseAppsRoutes
global variable - Pass the state configurations to the
$BaseAppsStateProvider.registerDynamicRoutes
method during the config phase of your application
Modules
dynamicRouting
Dependencies: ui.router
Uses the provided state configuration objects to create states for ui-router.
The module also includes a DefaultController which exposes the variables declared in the state configuration object.
dynamicRouting.animations (optional)
Dependencies: ngAnimate, dynamicRouting
This module is an optional add-on which allows the dynamically routed views to animate as long as there is an animationIn and an animationOut in the state configuration object.