首页 > 解决方案 > 我怎样才能使我的角度组件在根级别上成为父级的 100 宽度?

问题描述

我有以下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 中。

标签: angulartwitter-bootstrap

解决方案


使子组件的display: block然后设置width: 100%

例如:

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

推荐阅读