Diretiva de redimensionamento de janela

Eu estava tentando fazer um div redimensionar quando a janela é redimensionada, depois de olhar em volta, parece que usar uma diretiva foi a melhor solução.

Modelo:

<div elHeightResize ng-view ng-style="{ height: windowHeight }"></div>

Directiva:

myApp.directive('elheightresize', ['$window', function($window) {
    return {
        link: function(scope, elem, attrs) {
            scope.onResize = function() {
                var header = document.getElementsByTagName('header')[0];
                elem.windowHeight = $window.innerHeight - header.clientHeight;
            }
            scope.onResize();

            angular.element($window).bind('resize', function() {
                scope.onResize();
            })
        }
    }
}])

Enquanto eu posso logarelem.windowHeight noscope.onResize, não parece aplicá-lo angStyle

Ainda estou com vista para alguma coisa?

EDITAR:

<div ng-view resize style="height: {{ windowHeight }}px">

Essa solução parece funcionar, ainda interessada em saber por que usarngStyle não estava funcionando.

questionAnswers(6)

yourAnswerToTheQuestion