2016-01-11 48 views
5

W Angular 2 można dołączyć arkusz stylów do szablonu komponentu. Z powodu enkapsulacji widoku Angular 2's style odnoszą się tylko do elementów zawierających.Czy można zastosować styl Angular 2-component?

Czy istnieje sposób na stylizację głównego znacznika komponentu bez umieszczania otaczającego obiektu <div class="component-wrapper"></div>?

Przykład plnkr: http://plnkr.co/edit/rANAsR1h9ERBIZV6wuJ8

Ma zewnętrznego pliku css dodając obramowanie i dopełnienie do znacznika <app> i szablon próbuje ustawić kolor tła.

+0

Czy próbowałeś wstrzyknąć plik styles.css w komponencie zamiast używać go z indeksu? sprawdź właściwość 'styleUrls' https://angular.io/docs/ts/latest/api/core/ComponentMetadata-class.html – Langley

+0

Tak, użycie właściwości' styleUrls' wydaje się robić to samo. Obydwie kończą się umieszczaniem znacznika '