观察元素的实际尺寸

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