:host是什么意思？

Question

在2-10小节中，project-list.component.scss文件中有如下设置：

1 2 3 4 5 6 7 8 9 10 11

.card{     height: 360px;     flex:0 0 360px;     margin:10px; }   :host{     display: flex;     flex-direction: row;     flex-wrap: wrap; }

请问这里的:host的确切含义是什么？这是css语法，还是scss语法，还是angular自身支持的特性呢？

Answer 1

接灰的电子产品 2017-08-14 18:22:12

:host 是 Angular 特性，用于设置宿主元素的样式。所谓宿主元素就是你这个组件在被使用时会以比如 <app-header></app-header> 这种形式提供，宿主就是这个标签了。

• 提问者 watermoonlx #1

  非常感谢！