Javascript 如何在页面加载后根据不同的元素高度设置angularjs中的样式？

我有一个header元素，它的动态高度只初始化一次。 现在，我想在angular应用程序的可滚动视图中设置一个元素，比如foo，该元素具有屏幕的高度，减去页眉高度。因此，它们完全适合屏幕。 在高度为100vh（动态尺寸）的元素下方，有更多元素

我读到一个人可以用这样的东西：

var myHeight=angular.element（document.querySelector（“#header”）[0]。远视

然后说在动态内联样式中使用它，例如


注意：calc是一个CSS函数

但是我在哪里使用它呢？什么时候加载我的应用程序才能获得正确的高度？
试试这个

$scope.$on('$viewContentLoaded', function(){
   //Here your view content is fully loaded !!
});

有更多的方法可以查看更多信息