Javascript 在Angular中，如何动态查找div的高度并在HTML中使用它？

这里有几个答案，说明如何动态确定div的高度并将其记录到控制台。但我想做的是获取div的高度并将其分配给HTML中的样式：

<div id="myDiv" myHeight>      
   <ion-scroll direction="y" style="height:{{height}}px">
   ...
</div>

---

我很困惑-如果已经是高度，为什么要尝试用CSS设置高度？我不知道myDiv的高度是多少，但ion scroll指令（来自ionic framework）要求我在样式中设置myDiv的高度，所以我试图确定myDiv的渲染高度。@MikelBitson，因为OP从

div

获取高度，并在HTML上添加指令时尝试将此值设置为

ion scroll

，你必须使用小写：

my height

而不是

myHeight

。元素的样式在css样式之前。我很困惑-如果已经是高度，为什么你要尝试用css设置高度？我不知道myDiv的高度是多少，但是ion scroll指令（来自ionic framework）需要我在样式中设置myDiv的高度，因此我试图确定myDiv的渲染高度。@MikelBitson，因为OP从

div

获取高度，并在HTML上添加指令时尝试将该值设置为

ion scroll

，您必须使用小写：

myHeight

而不是

myHeight

。元素的样式先于css样式。

.directive('myHeight', function() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            scope.height = element[0].offsetHeight;
        }
    };
})