Angular 中宿主元素是什么？

Question

宿主元素的概念同时适用于指令和组件。对于指令来说，这个概念是相当简单的。应用指令的元素，就是宿主元素。假设我们已声明了一个 HighlightDirective 指令 ( selector: '[exeHighlight]' ​)：

<p exeHighlight>
   <span>高亮的文本</span>
</p>

上面 html 代码中， p 元素就是宿主元素。如果该指令应用于自定义组件中如：

<exe-counter exeHighlight>
    <span>高亮的文本</span>
</exe-counter>

此时 exe-counter 自定义元素，就是宿主元素。