screenHeight Directive - Changes the height of an element to the screen size

screenHeight

app.directive('screenHeight', ['$window', '$log', function($window, $log) {
    return {
        restrict: 'A',
        link: function($scope, element, attrs) {
            var changeHeight = function() {
                $log.log('Setting the height of', element, 'to', $window.innerHeight);
                element.css('height', $window.innerHeight + 'px');
            }

            changeHeight();
            angular.element($window).bind('resize', changeHeight);

            $scope.$on('destory', function() {
                angular.element($window).unbind('resize');
            });
        }
    }
}]);