观察元素的实际大小

Question

我要创建一个指令来监视另一个div元素的大小。

我有这段代码：

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

元素#id的宽度= 100％，高度= 100％。当我调整窗口大小时，确实没有发生。 那么，我该怎样做才能获得真正的胜利？

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);
});