각도 적용에서 클래스를 부모에 추가하는 방법은 무엇입니까?

Question

나는 다음 HTML이

// This is parent 
<div class="some-class"> 
    // This is child 
    <totalizer</totalizer> 
</div> 

어떻게 아이의 부모 스타일 (새 클래스를 추가)를 변경할 수 있습니까?

Answer 1

추가 상위 구성 요소에 신호를 EventEmitter@Output() 속성을 사용할 수 있습니다/동적 ngClass를 사용하여 css 클래스를 제거합니다. 부모 구성 요소 내부 html이 수정 부모의 그런

@Output() cssRefresh = new EventEmitter<boolean>(); 

//when you need to add/remove css emit an event out to the parent like this 
// (preferably in a method in this component), 

this.cssRefresh.emit(true); // or 'false' depending on add/remove 

,

<div class="some-class" [ngClass]="{ 'dynamicClass1 dynamicClass2 dynamicClass3': addCss}"> 
    // This is child 
    <totalizer (cssRefresh)=refreshCss($event)></totalizer> 
</div> 

이 방법과 속성을 추가 자녀 totalizer 구성 요소 정의에서

,

addCss = false; // set 'initial state' based on your needs 

refreshCss(add: boolean) { 
this.addCss = add ? true : false; 
} 

상세 정보 ngClasshere.