觀察元素的實際尺寸

Question

我正在創建一個指令，用於監視其他div元素的尺寸。

我有這樣的代碼：

link: function(scope, element, attrs) { 
     var win = angular.element($('#id')); 
     win.bind('resize', function(e) { 
     alert(win.height()); 
     }); 
    } 

元#ID具有寬度= 100％和高度= 100％。當我調整我的窗戶時，並沒有發生。 那麼，我能做些什麼來獲得真正的win.height？

Answer 1

win.bind('resize', function(event) { 
    var height; 

    height = event.currentTarget.clientHeight // with padding 
    // or .offsetHeight (contains the height with the padding, scroll bar, and the border) 

    alert(height); 
});