Angular 2，自定义组件的class属性

Question

对于自定义组件，class属性在角度2中是否有用？ 例如：

<app-my-first-component class='darkBackground'></app-my-first-component>

看起来该类不会影响组件。

Answer 1

是的，您可以使用class属性。并且，使用主机属性还有另一种方法可以做到这一点。

@Component({
selector: 'app-my-first-component',
host: {'class':'darkBackground'}
})

Answer 2

您可以通过向app-my-first-component添加样式

来解决课程问题

@Component({
  ...,
 styles: [`
  :host(.darkBackground) {
    color: white;
    background-color: darkgrey;
  }`]
})