title: Add class with ng-class on click to parent from child
body: <p>I have following problems. I need to set <code>active</code> class to an parent <code>div</code> on click from child div that is inside that parent. To illustrate I will provide a code. And omit parts of it for readability.</p>
  
  <blockquote>
    <p>HTML</p>
  </blockquote>
  
  <pre><code>&lt;div class="offer__container" ng-repeat="price in settingsPrices"&gt;
    ...
    &lt;div class="offer__container__cta hvr-sweep-to-right"&gt;Select&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>CSS</p>
  </blockquote>
  
  <pre><code>.selected {
      border: 2px solid #ffbe10;
  }
  .selected-cta {
      background-color: #ffbe10;
  }
  </code></pre>
  
  <p>As you can see i have <code>offer__container</code> that fetches some data and does ng-repeat, i need to be able to on click from <code>offer__container__cta</code> add the <code>active</code> style to parent container and keep track of as if i click another <code>div</code> rendered via ng-repeat it should take the active style and transfer it to that div. Preferably I would also like to set certain style on <code>offer__container__cta</code> such as make it also active.</p>
  
  <p>I am open to all solutions. </p>
  
  <p>Edit: Here is the picture of what I am trying to accomplish.</p>
  
  <p><a href="https://i.stack.imgur.com/INSAg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/INSAg.png" alt="enter image description here"></a></p>