css - 在 AngularJS 中不用 JQuery 获取 HTML 元素高度

Question

我越来越熟悉 AngularJS。我正在努力做到尽可能“纯洁”。出于这个原因，我试图避免包括 jQuery。但是，我在获取 HTML 元素的高度时遇到了挑战。目前，我正在尝试以下操作:

angular.module('myModule', [])
  .directive('myDirective', function() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            console.log(element.css('height'));
        }
    };
  })
;

然而，当这段代码被执行时，一个空行被写入控制台。我正在尝试显示元素的高度。有没有办法在不使用 jQuery 的情况下在 AngularJS 中执行此操作？

谢谢!

Answer 1

看起来这是正常工作的，如果你使用会得到相同的结果:

element.style.height

由于没有在元素上设置内联样式或 CSS 高度，因此显示空行。您可以直接获取 HTML 元素的高度，而不是依赖于样式。

console.log(element[0].offsetHeight);

http://plnkr.co/edit/03YWwjBjYpid4fVmDxlM?p=preview

How do I retrieve an HTML element's actual width and height?