directive in module ngComponentRouter The directive that identifies where the Router should render its Components. Directive Info This directive executes at priority level 400 restrict: AE. Usage as attribute: <ANY> ... </ANY>

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

ngComponentRouter.ComponentInstruction

type in module ngComponentRouter A ComponentInstruction represents the route state for a single component. An Instruction is composed of a tree of these ComponentInstructions. ComponentInstructions is a public API. Instances of ComponentInstruction are passed to route lifecycle hooks, like $routerCanActivate. You should not modify this object. It should be treated as immutable.

ngComponentRouter.ChildRouter

type in module ngComponentRouter This type extends the Router. Apart from the Top Level Component ($routerRootComponent) which is associated with the $rootRouter, every Routing Component is associated with a ChildRouter, which manages the routing for that Routing Component.

ngComponentRouter.$routerRootComponent

service in module ngComponentRouter The top level Routing Component associated with the $rootRouter.

ngComponentRouter.$rootRouter

service in module ngComponentRouter The singleton instance of the RootRouter type, which is associated with the top level $routerRootComponent.

ngComponentRouter

Installation 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 e.g. "//code.angularjs.org/X.Y.Z/angular-componentrouter.js" where X.Y.Z is the AngularJS version you are running. Then load

ngCloak

directive in module ng The ngCloak directive is used to prevent the Angular html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable flicker effect caused by the html template display. The directive can be applied to the <body> element, but the preferred usage is to apply multiple ngCloak directives to small portions of the page to permit progressive rendering of the browser v

ngClick

directive in module ng The ngClick directive allows you to specify custom behavior when an element is clicked. Directive Info This directive executes at priority level 0. Usage as attribute: <ANY ng-click="expression"> ... </ANY> Arguments Param Type Details ngClick expression Expression to evaluate upon click. (Event object is available as $event)

ngClassOdd

directive in module ng The ngClassOdd and ngClassEven directives work exactly as ngClass, except they work in conjunction with ngRepeat and take effect only on odd (even) rows. This directive can be applied only within the scope of an ngRepeat. Directive Info This directive executes at priority level 0. Usage as attribute: <ANY ng-class-odd="expression"> ... </ANY> as CSS class: <ANY class="ng-class-odd: expression;"> ... </ANY> Arguments Param Type Details