AngularJS Directive: Resize

resize.coffee

# dependency: jQuery
app.directive 'resize', ($window) ->
  restrict: 'A'
  ($scope, $element, $attr) ->
    win = angular.element($window)
    
    $scope.$watch ->
      w: win.width()
      h: win.height()
    , (newVal, oldVal) ->
      $scope.windowWidth = newVal.w
      $scope.windowHeight = newVal.h
    , true # specify 'true' to enable deep dirty check
    
    win.bind 'resize', ->
      $scope.$apply()