我熟悉AngularJS。我想尽可能的“纯粹”。为此,我试图避免包括jQuery。但是,我有一个挑战获取一个HTML元素的高度。目前,我尝试以下:
angular.module('myModule',[]) .directive('myDirective',function() { return { restrict: 'A',link: function(scope,element) { console.log(element.css('height')); } }; }) ;
然而,当这个代码执行时,一个空行写入控制台。我试图显示元素的高度。有没有办法在AngularJS中这样做而不使用jQuery?
谢谢!
解决方法
看起来这是正确工作,并给出相同的结果,如果你使用:
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?