Javascript 更改多个css类

我需要一些关于angularjs的帮助

下面是我要说的：

//更新// 试图拉小提琴，但不起作用：/

如果单击“”，侧边栏会变小，“”旁边的“应用程序名称”会消失，并且“Hello World”的背景会在内容区域中更改

我通过以下方式实现了这一点：

ng-class="{'displayNone': toggleClass, 'dispay': !toggleClass}"
ng-class="{'green': toggleClass, 'black': !toggleClass}"
...

以及：

对于每个元素。我想这有点乱。当我尝试为“<切换”使用一个函数时，如：

切换

要执行相同的动作，我不知道如何以有角度的方式执行！？我应该用吗 一个控制器，我怎么写

也许您可以提供一个带有控制器/指令的小JSFIDLE，当我像上面那样用ng click调用函数时，它可以用不同的名称更改多个类？这样我就能更好地了解角度

那太好了！这对我来说有点让人沮丧，因为这应该很容易，但我现在无法理解：-/谢谢

---

（很抱歉，示例html/css也很混乱）

链接到个人网站有点不方便提问。最好提取您的代码和标记，并在此处发布，以便将来的用户能够独立回答这个问题。好的，谢谢。我将在一分钟内提供一个JSFIDLE…这不是您想要的，但您可以使用三元运算符简化ng类：

（toggleClass）？'绿色“：“黑色”

。我个人不会使用控制器。还要签出此线程：为什么不将类设置为父级

.sidebar.hide

并基于该

.sidebar.hide.menu项{display:none；}

ng-click="toggleClass = !toggleClass"

<div ng-click="doTheMagic()">&lt; toggle</div>