How to toggle a class using ng-click - angularjs

Question

I know you can easily toggle a class like this:
.c {
padding: 20px;
background: #00adff;
}
.a {
background: #43dd31;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
<div class="c" ng-class="{'a': toggle }">
<button ng-click="toggle = !toggle">Toggle</button>
</div>
</div>
My question is, what if I have two separate classes I want to toggle with different buttons on the same div using this method?

Answer 1

AngularJS allows you to define numerous classes in the map-format. Following is a demo to toggle a class b using a second button.
.c {
padding: 20px;
background: #00adff;
}
.a {
background: #43dd31;
}
.b {
border: 5px dashed yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
<div class="c" ng-class="{'a': toggle, b: secondToggle}">
<button ng-click="toggle = !toggle">Toggle</button>
<button ng-click="secondToggle = !secondToggle">Second Toggle</button>
</div>
</div>