我如何让一个angular应用(嵌入在不同的网站上)一直跨越到页面的底部

Question

我使用angular开发了一个组件，并将其嵌入到客户的站点中。我希望组件的跨度最小，直到视口的结束。每个网站都有不同大小的标题，标题不共享标签/类/id。我需要添加最小高度值的应用程序，等于viewport高度-头部高度，这样，即使我的组件的内容不足以达到viewport的底部，最小高度将强制它跨越所有的方式。

以前我用以下JS代码处理了这些问题

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

但这在angular中不起作用…

你知道我该怎么做吗?

Answer 1

#component {
min-height: 100vh;
}

100年css设置最小高度vh和父组件。

我认为css比javascript或typescript更简单。