Angular 如何防止子模板在父模板中滚动

Question

自从我使用 Angular 以来，我就遇到了这个问题，这很烦人。 例如，如果我有一个子模板，有时但并非总是将其放入父组件中，子组件模板将在其自身内滚动，而不是将整个页面加载到父组件中。

我见过一些类似的问题，但我一直无法解决问题，而且看起来也不是一个简单的解决方案。 如果其他人遇到类似问题，任何信息都会有所帮助

从下图中，您可以看到子 HTML 模板被切断，仅在其自身内滚动，而不是在父级中加载整个视图。 虽然这并不总是发生

Answer 1

您必须将组件包装在一个div中并给该div一些高度。

像这儿

Answer 2

我想通了，我已经包装了我的组件 HTML，它用于带有 Material Design 的对话框以帮助滚动。 谢谢。