Angular2 - 클릭시 부모 및 자식 스타일 전환

저는 Angular2와 함께 완전한 멍청한 놈입니다. 그래서 질문이 매우 기본적인 경우 사전에 사과드립니다. 그래서 저는 아코디언 메뉴가있는 사이드 바를 가지고 있습니다. 클릭시 배경색을 변경하려면 부모와 자식이 필요합니다 (기본적으로 섹션을 확장하는 경우).Angular2 - 클릭시 부모 및 자식 스타일 전환

(click)="toggleClass()"

나에게 매우 분명 나는() toggleClass에, 생성자에 넣어 않는 무엇인가하지 무엇 : 난과 같이 각 사업부의 부모에 클릭에 출력을 설정할 수 있음을 이해합니다. 나는 어떻게 든 ngClass와 함께 여기에서 일할 필요가 있다고 믿는다. 그러나 나는 조금 길다. 플 런커 here을 참조하십시오.

감사합니다.

출처

2016-10-13 Iulia Mihet

이 잘 plunker 그냥 HTML 문서입니다, 당신은 당신의 구성 요소를 게시 할 수 있을까? –

당신은 NgClass 지침을 사용할 수 있습니다 https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html

export class NameComponent { 
 
    booleanVariable: boolean; 
 
    
 
    constructor() { 
 
    } 
 
    
 
    toggleClass(){ 
 
     if(!this.booleanVariable) { 
 
     this.booleanVariable = true; 
 
     else { 
 
     this.booleanVariable = false; 
 
     } 
 
    } 
 
}

.className { 
 
    background: red; 
 
}

<button type="button" (click)="toggleClass()" class="btn btn-transparent" [ngClass]="{'className': booleanVariable}"data-toggle="collapse" data-target="#project-details">Projects</button>

출처

2017-05-22 13:29:05

Angular2 - 클릭시 부모 및 자식 스타일 전환

답변

관련 문제