Angular: Directive + Window Resize Event Bind

Uses a directive to bind get into the DOM and bind to window resize events.

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div resize>window.width: {{666}}
    <br>window.height: {{height}}</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.directive('resize', function ($window) {
    return function (scope) {
        scope.width = $window.innerWidth;
        scope.height = $window.innerHeight;
        angular.element($window).bind('resize', function () {
            scope.$apply(function () {
                scope.width = $window.innerWidth;
                scope.height = $window.innerHeight;
            });
        });
        };
    });