title: Change children class when clicking on parent element
body: <p>Is there a more efficient way with angular to change or add a class to the children of a parent element when the parent is being clicked, other then getting all the childNodes within a function and adding a class for each child ?</p>
  
  <pre><code>&lt;div class="menu-icon-container" ng-click="changeState()"&gt;
      &lt;div ng-repeat="bar in [bar1, bar2, bar3] track by $index" class="bar{{$index + 1}} "&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The desired result is when <code>menu-icon-container</code> is clicked, the divs within it will toggle a class based on a condition.</p>