Javascript Angular2-单击可切换父样式和子样式

我对Angular2完全没有兴趣，所以如果问题很基本，我会提前道歉。所以我有一个带手风琴菜单的侧栏。我需要家长和孩子们在点击时改变他们的背景色（所以基本上是展开部分）。我知道我可以在单击每个div父级时设置输出，如下所示：

(click)="toggleClass()"

我不太清楚的是，我应该在构造函数toggleClass（）中放入什么。我相信我需要在这里和ngClass一起工作，但我有点迷路了。见普朗克

---

谢谢

您可以使用NgClass指令：

导出类名称组件{
布尔变量：布尔；
构造函数（）{
}
toggleClass（）{
if（！this.booleanVariable）{
this.booleanVariable=true；
否则{
this.booleanVariable=false；
}
}
}

.className{
背景：红色；
}

---

项目

您可以使用NgClass指令：

导出类名称组件{
布尔变量：布尔；
构造函数（）{
}
toggleClass（）{
if（！this.booleanVariable）{
this.booleanVariable=true；
否则{
this.booleanVariable=false；
}
}
}

.className{
背景：红色；
}

---

Projects

那么你的plunker只是一个HTML文档，你能发布你的组件吗？那么你的plunker只是一个HTML文档，你能发布你的组件吗？