为什么 ng-container 不响应样式？

Question

我想对 ng-container 进行样式设置，例如在悬停时添加边框或在悬停时在该标签内显示按钮，但这是不可能的。 ng-container 似乎对样式不敏感。在 DOM 上呈现，如果不是，我可以使用什么来访问它？

Answer 1

根据 Angular 官方docs，

<ng-container>

是一个分组元素，不会干扰样式或布局，因为 Angular 不会将其放入 DOM 中。仅当您需要某些 HTML 元素的直接子元素属于特定类型时，它才可用作结构指令的容器。对于样式，您必须使用常规元素。

Answer 2

对我来说，导致我来到这里的相关问题的解决方案是通过 @component 装饰器中的主机进行样式设置。我使用 ng-container 动态渲染不同的组件，但是如果元素从未出现在模板中的任何位置，如何赋予元素显示 Flex 样式？ 在...

@component({
...,
host: {
  'style': 'display: flex;'
  },
...,
})