Angular2 - クリック時に親子スタイルを切り替える

Question

私はAngular2の完全なnoobです。質問が非常に基本的であれば、事前にお詫びします。だから私はアコーデオンメニュー付きのサイドバーを持っています。私は親と子どもがクリックで背景色を変更する必要があります（基本的にセクションを拡大するには）。私はそうのような各div要素の親のクリックで出力を設定できることを理解：

(click)="toggleClass()" 

私には非常に明確ではありません私は何をtoggleClass（で、コンストラクタに何を入れてくださいされます）。私はここで何とかngClassで作業する必要があると信じていますが、少し失われています。プランナーhereを参照してください。

ありがとうございます！

Answer 1

あなたは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>