如何获得angularjs中元素的高度

Question

我有DOM元素,有id={{child.id}}container

 <div id={{child.id}}container layout="column" flex layout-align="start center" class='container' dragula='"first-bag"' ng-init="vm.getAssociatedWorkItems(child.id); vm.getElementHeight(child.id+'container');">
    <div layout="column" class="md-whiteframe-5dp capitalize itemsInList" ng-repeat="item in vm.items | filter:search" id={{item.id}}child>
        <div class="workItemName">{{vm.getWorkItemName(item.metadata)}}</div>
        <div class="workItemDescription">{{vm.getWorkItemDescription(item.metadata)}}</div>
    </div>
</div>

我想得到这个元素的高度,并根据高度的要求列出项目ng-repeat与否.如何获得DOMs身高angularjs？

Answer 1

将angular built-int jqlite与angular.element()一起使用:

angular.element(".myDiv")[0].offsetHeight;

注意:不要使用DOM操作污染控制器.这是一种不好的做法,你应该在指令中进行这种操作.

编辑1

OP在我的建​​议之后使用了这个中途:

var element = angular.element(document.querySelector('#id')); 
var height = element[0].offsetHeight;