ngKeydown

directive in module ng Specify custom behavior on keydown event. Directive Info This directive executes at priority level 0. Usage as attribute: <ANY ng-keydown="expression"> ... </ANY> Arguments Param Type Details ngKeydown expression Expression to evaluate upon keydown. (Event object is available as $event and can be interrogated for keyCode, altKey, etc.)

ngJq

directive in module ng Use this directive to force the angular.element library. This should be used to force either jqLite by leaving ng-jq blank or setting the name of the jquery variable under window (eg. jQuery). Since angular looks for this directive when it is loaded (doesn't wait for the DOMContentLoaded event), it must be placed on an element that comes before the script which loads angular. Also, only the first instance of ng-jq will be used and all others ignored. Directive Info

ngInit

directive in module ng The ngInit directive allows you to evaluate an expression in the current scope. This directive can be abused to add unnecessary amounts of logic into your templates. There are only a few appropriate uses of ngInit, such as for aliasing special properties of ngRepeat, as seen in the demo below; and for injecting data via server side scripting. Besides these few cases, you should use controllers rather than ngInit to initialize values on a scope. Note: If you have a

ngInclude.$includeContentRequested

$includeContentRequested Emitted every time the ngInclude content is requested. Type: emit Target: the scope ngInclude was declared in Parameters Param Type Details angularEvent Object Synthetic event object. src String URL of content to load.

ngInclude.$includeContentLoaded

$includeContentLoaded Emitted every time the ngInclude content is reloaded. Type: emit Target: the current ngInclude scope Parameters Param Type Details angularEvent Object Synthetic event object. src String URL of content to load.

ngInclude.$includeContentError

$includeContentError Emitted when a template HTTP request yields an erroneous response (status < 200 || status > 299) Type: emit Target: the scope ngInclude was declared in Parameters Param Type Details angularEvent Object Synthetic event object. src String URL of content to load.

ngInclude

directive in module ng Fetches, compiles and includes an external HTML fragment. By default, the template URL is restricted to the same domain and protocol as the application document. This is done by calling $sce.getTrustedResourceUrl on it. To load templates from other domains or protocols you may either whitelist them or wrap them as trusted values. Refer to Angular's Strict Contextual Escaping. In addition, the browser's Same Origin Policy and Cross-Origin Resource Sharing (CORS) polic

ngIf

directive in module ng The ngIf directive removes or recreates a portion of the DOM tree based on an {expression}. If the expression assigned to ngIf evaluates to a false value then the element is removed from the DOM, otherwise a clone of the element is reinserted into the DOM. ngIf differs from ngShow and ngHide in that ngIf completely removes and recreates the element in the DOM rather than changing its visibility via the display css property. A common case when this difference is signi

ngHref

directive in module ng Using Angular markup like {{hash}} in an href attribute will make the link go to the wrong URL if the user clicks it before Angular has a chance to replace the {{hash}} markup with its value. Until Angular replaces the markup the link will be broken and will most likely return a 404 error. The ngHref directive solves this problem. The wrong way to write it: <a href="http://www.gravatar.com/avatar/{{hash}}">link1</a> The correct way to write it: <a ng-

ngHide

directive in module ng The ngHide directive shows or hides the given HTML element based on the expression provided to the ngHide attribute. The element is shown or hidden by removing or adding the ng-hide CSS class onto the element. The .ng-hide CSS class is predefined in AngularJS and sets the display style to none (using an !important flag). For CSP mode please add angular-csp.css to your html file (see ngCsp). <!-- when $scope.myValue is truthy (element is hidden) --> <div ng-h