ngComponentRouter

First include angular-componentrouter.js in your HTML:

<script src="angular.js">
<script src="angular-componentrouter.js">

You can download this file from the following places:

Google CDN
e.g. //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-componentrouter.js

Bower
e.g.

bower install angular-componentrouter@X.Y.Z

"//code.angularjs.org/X.Y.Z/angular-componentrouter.js"

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

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

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

With that you're ready to get started!

The new Angular Router

Name	Description
Router	A `Router` is responsible for mapping URLs to components.
ChildRouter	This type extends the `Router`.
RootRouter	This type extends the `Router`.
ComponentInstruction	A `ComponentInstruction` represents the route state for a single component. An `Instruction` is composed of a tree of these `ComponentInstruction`s.
RouteDefinition	Each item in a the RouteConfig for a Routing Component is an instance of this type. It can have the following properties:
RouteParams	A map of parameters for a given route, passed as part of the `ComponentInstruction` to the Lifecycle Hooks, such as `$routerOnActivate` and `$routerOnDeactivate`.

Name	Description
ngOutlet	The directive that identifies where the `Router` should render its Components.

Name	Description
$rootRouter	The singleton instance of the `RootRouter` type, which is associated with the top level `$routerRootComponent`.
$routerRootComponent	The top level Routing Component associated with the `$rootRouter`.

Links:

doc_AngularJS

2025-01-10 15:47:30

Comments