我怎样才能使我的角度组件在根级别上成为父级的 100 宽度？

Question

我有以下html结构

https://stackblitz.com/edit/angular-bootstrap-4-starter-31tboc?file=src%2Fapp%2Ftesting-one%2Ftesting-one.component.html

如您所见，这里我有一个名为 app-testing-one 的组件，我在其中渲染一些数据。

如果我把我的组件放在col-7 列宽中，那么它会得到那个宽度，如果我把它放在col-3 里面，那么它会更小。

但在我的情况下，它是 col-3`，我需要渲染我的组件以具有根父级的全宽。

所以在i want this below to be fuyll width 下面我需要以 100% 的宽度渲染我的组件。

但我需要自动执行此操作而不将其添加到 col-12 中。

Answer 1

将子组件的display: block设置为width: 100%

例如：

:host {
  display: block;
  width: 100%;
}