angularjs如何找到img元素的高度和宽度
angularjs how to find img element height and width
嗨,我正试图找到一个图像元素的高度和宽度来调整它的大小。然而,每次我使用elem.height()或elem.width()时,我都会得到0?
html
<div>
<img data-ng-src="{{photosrc}}" lightbox-resize-image>
</div>
directive.js
.directive('lightboxResizeImage', function() {
return {
restrict: 'A',
link: function(scope, elem, attrs) {
console.log(elem.parent().width()); //==equals 575
console.log(elem.width()); //this always equals 0
}
});
请参阅下面的代码:
.directive('lightboxResizeImage', function() {
return {
restrict: 'A',
link: function(scope, elem, attrs) {
console.log(elem.parent().width()); // =575
console.log(elem[0].offsetHeight);
}
}
});
相关文章:
- 查找元素高度,包括边距
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 更改第二次推送时不起作用的元素高度
- 设置固定元素的最大高度
- 如何根据主体高度动态更改元素边距顶部
- 我需要帮助弄清楚一旦窗口的垂直高度被滚动,如何切换一个元素
- 要更改变量的高度li元素
- 如何在不同的设备模式下强制元素的高度
- 使用JavaScript更改带有窗口高度的元素样式
- 获取不可见元素的高度
- jQuery查找最大元素的高度
- 远距离变换元素的宽度/高度(以像素为单位)
- 使用Javascript匹配两个HTML元素的高度
- 指示中的角度手表元素高度
- 清空并附加元素的扩展高度
- 获取下一个或上一个隐藏元素的高度,以设置父元素的高度.jquery.
- 如何在 React 中使用可变高度元素实现无限滚动
- 如何获取"br"的高度元素使用jquery
- <对象的自动高度/>元素中嵌入的内容