/angular-resize

Debounced window resize service in AngularJS.

Primary LanguageHTML

#angular-resize

AngularJS factory implementation of debounced window resize event handler.

Inject the resize factory into your application module:

angular.module('myApp', ['resize']);

Inject the resize factory into your application where you'd like to implement it.

angular
	.module('myApp')
	.controller('MainCtrl', function(resize) {
		var rs = resize.init({
			scope: $scope,
			resizedFn: function() { //window was resized! },
			debounce: 200
		});
	});

##Options

###scope

  • Type: scope object
  • Default: none

scope is needed to unbind the resize listener when $scope is destroyed. This prevents the event handler from leaking into undesired areas of your single page application.

###resizedFn

  • Type: function
  • Default: none

resizedFn is the debounced function you'd like to run as your resize handler. This function will run when the viewport is resized.

###debounce

  • Type: integer
  • Units: milliseconds
  • Default: 100

debounce is the number in milliseconds to wait before executing the resizedFn function while the window is actively being resized. If no value is provided, a default of 100 will be used. 0 is an acceptable (but inadvisable) valid value if no debouncing is desired.