角度2：主持人：{class}用于什么？

Question

之前我见过这段代码并想知道主机的角色是什么？课程＆gt;评论播放，如：

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

Answer 1

在这种情况下，它将comment CSS类添加到主机元素，即<ngc-comment>元素。

因此，每当您在模板中使用该组件时，就会有类似

的内容

<ngc-comment></ngc-comment>

Angular会将其转换为

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