javascript - 我如何制作一个有角度的应用程序（嵌入在不同的站点上）一直跨到页面底部

Question

我使用嵌入客户网站的 Angular 开发了一个组件。我希望组件至少跨越到视口结束。每个站点都有不同大小的标题，并且标题不共享标签/类/ID。我需要向应用程序添加等于视口高度的最小高度值 - 标题高度，这样，即使我的组件的内容不足以到达视口的底部，最小高度也会强制它跨越所有通往它的路。

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

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

但这不适用于角度...

知道我怎样才能完成这项工作吗？

标签： javascripthtmlcssangularangularjs

Answer 1

    #component {
    min-height: 100vh;
}

在 css 中将 min-height 设置为 100vh 和父组件。

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