Angular 2 组件显示问题高度宽度为空

Posted 2023-02-23

【中文标题】Angular 2 组件显示问题高度宽度为空

【英文标题】：Angular 2 component display issue height width is null

【发布时间】：2017-04-27 21:41:14

【问题描述】：

当我使用组件选择器显示组件时：

<app-search></app-search>

那么在开发者控制台中渲染组件的宽度和高度为 0px x 0px。因此，如果我在此组件之后有以下 html 代码，它将在 AppSearch 组件 UI 上呈现。我做错了什么？谁能解释一下如何正确地做？

【问题讨论】：

尝试将其显示设置为阻止

我试过了。然后设置了宽度，但高度仍然是 0px ......我不知道为什么。它应该是组件的整个大小...

【参考方案1】：

我解决了我的问题，我的 <app-search> 组件帽子一个包装 div，设置为 position:absolute。我改变了它，组件得到了他的正常宽度和高度。