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.