Javascript AngularJS不使用JQuery获取元素属性

Javascript AngularJS不使用JQuery获取元素属性,javascript,angularjs,Javascript,Angularjs,我正在创建一个不使用JQuery的AngularJS站点。在指令中,传递的值是 EngagementApp.directive('movingAside', function() { return { restrict : 'A', link : function(scope, element, attributes) { } } }); html看起来像: <div class="aside" moving-aside>

我正在创建一个不使用JQuery的AngularJS站点。在指令中,传递的值是

EngagementApp.directive('movingAside', function() {
    return {
        restrict : 'A',
        link : function(scope, element, attributes) {

      }
    }
});
html看起来像:

<div class="aside" moving-aside>...Content...</div>
…内容。。。
执行类似element.clientHeight的操作会返回未定义的值


如何在不使用JQuery和AngularJS函数的情况下获取元素的属性(高度、宽度、偏移量等)?

尝试
angular.element(element.css('height')
使用
element[0].clientHeight | offsetHeight | scrollHeight

element[0]
允许您访问JQLite选择器集合中的第一个DOM元素,而
clientHeight
是DOM元素的内置属性

EngagementApp.directive('movingAside', function() {
    return {
        restrict : 'A',
        link : function(scope, element, attributes) {
            console.log(element[0].clientHeight);
      }
    }
});
根据您的目标,您可以获得3种不同的高度:


当您使用angular时,您已经在使用jQuery(angularjs本身使用jQuery lite)。。。我希望我没有破坏你一天的心情。如果我使用的是JQLite,那么为什么$(元素)不起作用?你到底想做什么?请记住,它是jQuery lite,因此某些函数丢失或不是lite…获取当前元素的宽度、高度和偏移量。我的意思是如何使用
$(元素)
?这不起作用,因为它只能读取css
高度值。不是实际元素的高度。