W3cubDocs

Improve this Doc View Source 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

This directive executes at priority level 0.

Usage

as attribute:
```
<ANY
  [ng-jq="string"]>
...
</ANY>
```

Arguments

Param	Type	Details
ngJq (optional)	`string`	the name of the library available under `window` to be used for angular.element

This example shows how to force jqLite using the ngJq directive to the html tag.

<!doctype html>
<html ng-app ng-jq>
...
...
</html>

This example shows how to use a jQuery based library of a different name. The library name must be available at the top most 'window'.

<!doctype html>
<html ng-app ng-jq="jQueryLib">
...
...
</html>

© 2010–2016 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.4.14/docs/api/ng/directive/ngJq