угловой 2: какой хост: {класс} используется?

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>