Angular2 - 切换父母和孩子的风格点击

我是一个完整的noob与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 - 切换父母和孩子的风格点击

回答

相关问题