我看到它的方式,它可以用作< div>的替代品.用于样式化组件的容器.例：
使用容器
@Component({
template: `
使用:host
@Component({
template: `
如果我理解正确,这两个解决了完全相同的问题.并且很少有一个元素和类可以在几乎每个组件中担心.
问题：这是什么：主机用于？如果没有,它的重点是什么,除了在任何地方添加容器之外,为组件提供样式的最佳实践是什么？
最佳答案
他们没有解决同样的问题. ：host用于样式化主机,而.container用于样式化组件中具有容器类的任何div.
由于封装,主机元素可以设置样式,因此.container div将无法在组件外部进行样式设置.
请注意,display属性的初始值是内联的,因此默认情况下,您的组件将显示为内联元素.也许你不希望这样,尤其是if you have a block element inside of it,这可能看似违反直觉(即使它是允许的).
原文链接：https://www.f2er.com/css/426997.html