javascript - AngularJS - 无法获取元素的高度

Question

我无法获取渲染元素的高度。它返回空值。我需要元素在没有用户交互的情况下自行检查其高度。

HTML

<span ng-if="contentHeight($element)" ></span>

JS

    $scope.contentHeight = function(element){
        console.log($(element).height());
        return true;
    }; 

Answer 1

如果您在此处使用指令，可能会更适合您，因为它将元素传递到指令本身。

HTML

<span class="directive"></span>

JS

app.directive('directive', function(){
    return{
        restrict: 'C',
        link: function(scope, element, attrs){
            console.log($(element).height());
        }
    }
});

我不确定你到底想做什么，但这可能会解决你的问题:)

编辑:添加了文档! https://docs.angularjs.org/guide/directive