使用一個組件的全角Angular2

Question

我想知道是否有人知道如何設置一個組件的全角度與Angular 2中的背景。只是想在主屏幕上使用它。

以下更改了所有組件，以至於無法正常工作。

encapsulation: ViewEncapsulation.None, 

Answer 1

如果使用ViewEncapsulation.None，那麼你可以做這樣的：

@Component({ 
    selector: 'my-component', 
    providers: [], 
    template: ` 
    <div> 
     Hello 
    </div> 
    `, 
    styles: 
    [ 
     'my-component { float:left;width:100%;padding:5px;background:#ccc;}', 
     'html, body {margin:0px; }' 
    ], 
    encapsulation: ViewEncapsulation.None 
}) 

見Plunker這裏：https://plnkr.co/edit/b3jtpO5TAkV4eK0ZuR1k?p=preview