transitionEnd attribute directive

transitionEnd.js

/*
element{transition:height 500ms ease-out;height:10px;}
element.change{height:200px;}
<element transition-end="endTransition($event)"></element>
$scope.endTransition = function(e){ }
*/
.directive('transitionEnd', function($parse){
	return {
		restrict: 'A'
		,link: function(scope,elem,attr){
			var expr = $parse(attr.transitionEnd);
			elem.on('transitionend',function(event){
				scope.$apply(function(){
					expr(scope, {$event:event});
				});
			});
		}
	};
})