angular.jquery

jQuery-like extensions for AngularJS embedded jQLite

Getting Started

• Install with bower, bower install angular-jquery --save

• Or download the production or the development version.

In your web page:

<script src="angular.js"></script>
<script src="dist/angular-jquery.min.js"></script>

In your app.js:

angular.module('myApp', ['mgcrea.jquery'])

Documentation

Available components:

• jQuery: selector (wrapping document.querySelectorAll)

• dimensions: .offset(), .height(), .width()

• debounce: debounce() function

Examples

  .directive('myDirective', function(jQuery) {

    return {
      restrict: 'EAC',
      link: function postLink(scope, iElement, iAttrs) {

        var myElements = jQuery('.container > .element');
        angular.each(myElements, function(el) {
          console.warn(el.offset(), el.width())
        })

      }
    };

  });