Javascript AngularJS不使用JQuery获取元素属性
我正在创建一个不使用JQuery的AngularJS站点。在指令中,传递的值是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>
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种不同的高度:
$(元素)
?这不起作用,因为它只能读取css高度值。不是实际元素的高度。