angular2 의사 선택기 스타일링

Question

Angular2를 사용하여 Pseudo Selector를 스타일링 할 수 있습니까?

<section class="inner_content person_content backdrop poster" *ngIf="personAllMoviesArray.length > 0"> 
    <div class="personFavouritePoster"></div> 
    <div class="single_column_medium"> 
     {{id}} 
    </div> 
</section> 

CSS는

section.inner_content.backdrop:before { 

background-image: url('https://image.tmdb.org/t/p/w1440_and_h405_bestv2/fBFPLjqiLTDW3GWgWIRkhHTwAcb.jpg');} 

Answer 1

당신이

.has-before:before { 
    background-image: url('https://image.tmdb.org/t/p/w1440_and_h405_bestv2/fBFPLjqiLTDW3GWgWIRkhHTwAcb.jpg'); 
} 

같은 CSS 클래스를 정의하고 일부는 변수

<section [class.has-before]="toggleVariable" 
     class="inner_content person_content backdrop poster" 
     *ngIf="personAllMoviesArray.length > 0"> 
    <div class="personFavouritePoster"></div> 
    div class="single_column_medium"> 
     {{id}} 
    </div> 
</section> 

전환을 통해 클래스 토글 추가 할 수있다