Angular directive to fire callback on element load.

ngload.coffee

'use strict'

###*
 # @ngdoc directive
 # @name app.directive:ngLoad
 # @description Angular directive to fire callback on element load.
 # # ngLoad
###
angular.module 'app'
  .directive 'ngLoad', ($parse) ->
    restrict: 'A'
    link: (scope, element, attrs) ->

      # get user function
      fn = $parse(attrs.ngLoad)

      # the callback function
      callback = (e) ->
        scope.$apply( () -> fn(scope, { $event: e }) )

      # bind callback to load event
      element.on( 'load', callback )

      # remove callback on destroy
      scope.$on('$destroy', () -> element.off('load', callback) )