2017-03-06 57 views
1

对于定制组件,角度2中的类属性是否有用? 例如:角度2,定制组件的类属性

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

它看起来像类不影响组件。

+0

你到底做哪些处理类没有被反映出来? –

+1

class属性任何使用HTML内部添加css类的地方。你的问题有意义吗? – Aravind

+0

我认为他/她想要将类属性传递给子组件。如果是这样的话,你可以在'src/styles.css'文件中定义全局的CSS样式。否则,父项和子项不具有相同的范围,所以父项中的CSS样式无法在子项中访问 – mickdev

回答

1

您可以通过添加一种风格app-my-first-component

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

是的,你可以使用class属性。而且,还有另一种方法可以使用主机属性来执行相同的操作。

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