我使用Angular开发了一个组件，并将其嵌入到客户站点中。我希望组件的跨度最小，直到视口的末端。每个站点都有不同大小的标头，并且标头不共享标记/类/ID.我需要将最小高度值添加到应用程序中，它等于视口高度-标题高度，这样，即使我的组件的内容不足以到达视口的底部，最小高度也会强制它一直延伸到视口。

以前我用下面的JS代码

var component= document.getElementById("component")
component.minHeight = Window.innerHeight - component.getBoundingClientRect().top

但这在Angular中不起作用。

你知道我该怎么做吗？

顺晟科技：

    #component {
    min-height: 100vh;
}

CSS中，将min-height设置为100VH，并将父组件也设置为100VH.

我认为使用CSS比使用JavaScript或TypeScript更简单。