从Angular组件中删除包装器

Question

是否可以添加组件并仅保留其内容？

使用组件的示例：

<my-custom-component></my-custom-component>

这呈现如下：

<my-custom-component>
  <div> ... </div>
</my-custom-component>

是否可以仅呈现内容？在这种情况下，它将是：

<div> ... </div>

我需要这个原因是搞砸我的CSS规则。

Answer 1

有一个看起来像你想要的功能请求

• https://github.com/angular/angular/issues/22208

现在，您可以使用属性选择器来解决此问题：

<div myComponent> ... </div>


@Component({
  selector: '[myComponent]'
  ...
})