matchMedia.js

var listeners = [];

function addListener(breakpointString, intention) {
	if (window.matchMedia) {
		var breakpointObj = window.matchMedia(mqBreakpoints[breakpointString]);

		listeners.push({
			breakpoint: breakpointString,
			intention: intention,
			listener: breakpointObj
		});

		breakpointObj.addListener(function() {
			sendEvent(breakpointString, intention, breakpointObj);
		});
	}
}

function sendEvent(bpoint, intention, obj) {
	var entering = obj.matches ? true : false;

	$rootScope.$broadcast('mq:' + bpoint + ':' + intention, entering);
}

$rootScope.$on('$stateChangeStart', function() {
	angular.forEach(listeners, function(lis) {
		lis.listener.removeListener(sendEvent);
	});
});