角度：从DOM中选择元素

Question

我正在使用ng-repeat创建项目。 我想确定通过使用函数创建的每个元素的高度。

我知道如何将由ng-repeat创建的元素的索引传递给应该确定高度的函数，但是我在实际选择该项目时陷入了困境。

这是我现在正在使用的：

   $scope.getItemHeight = function(index) { // index is index of element in ng-repeat
    var itemHeight = angular.element('li').eq('+index+').offsetHeight;
    return itemHeight;
   };

但这由于错误而无法正常工作： Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite!

我也尝试过：

   $scope.getItemHeight = function(index) {
    var itemHeight = document.querySelectorAll('ul:nth-child('+index+')');
    return itemHeight;
   };

这将返回长度为0的元素，因此选择器不起作用。

我在这里想念什么？

此处的Codepen： http ：//codepen.io/squrler/pen/LxsfE？editors = 101

---

编辑：目前我无法实现。 此处的更多信息： https : //github.com/driftyco/ionic/issues/1691

Answer 1

编辑：进一步研究之后，似乎有点复杂。 触发中继器的指令需要运行才能呈现lis，因为li被渲染（假设您将其移至指令），它将触发指令以获取其高度，但是li及其对应的数据是尚未完全渲染，因此没有高度。 如果您使用超时等待渲染，则在等待超时时，中继器将继续在没有有效高度数据的情况下继续渲染。 因此，您似乎有一个难题。 您可以尝试使用http://binarymuse.github.io/ngInfiniteScroll/或类似的方法。

这应该放在伪指令中，以便在呈现li时轻松访问它。

就像是：

.directive('getHeight', ['$filter', function ($filter) {
    'use strict';

    return {
        restrict: 'A',
        scope: true,
        link: function (scope, element, attrs) {
            var li = element[0];
            var height = li.offsetHeight;
            console.log('Height': height)
        }
    };
}]);

确定高度后不确定要怎么做...

否则，您可以去：

var ul=document.getElementsByTagName('ul')[0];
var li=ul.getElementsByTagName('li')[index];
var height=li.offsetHeight;