2017-03-06 117 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'} 
})