角度2：什麼是主機：{class}用於？

Question

我看到這個代碼之前，不知道什麼樣的角色主機>類>註釋戲劇，如：

@Component({ 
    selector: 'ngc-comment', 
    host: { 
    class: 'comment' // <--------- ?? 
    }, 
    template, 
    encapsulation: ViewEncapsulation.None, 
    ... 

Answer 1

它添加comment CSS類主元素，即<ngc-comment>元素，在這種情況下。

所以，當你在一個模板中使用的部件，因而有類似

<ngc-comment></ngc-comment> 

角將它轉換爲

<ngc-comment class="comment"></ngc-comment>