title: Add class to element with ng-class when checkbox inside it is checked
body: <p>I have a selection of divs with a checkbox each. I'm trying to add a class to the label when each particular checkbox is checked. </p>
  
  <p>I saw I could do it creating a specific model for each box (ng-model:"isChecked-1" and then ng-class="'active' : isChecked-1") and so on, but it doesn't seem very code-efficient.</p>
  
  <p>Any thoughts?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;div class="col-md-4"&gt;
  &lt;label class="checkbox-inline btn col-md-12" ng-class="{'active' : isChecked}"&gt;
    &lt;input type="checkbox" id="inlineCheckbox1" value="option1" ng-model="isChecked"&gt; Clothes
  &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4"&gt;
  &lt;label class="checkbox-inline btn col-md-12" ng-class="{'active' : isChecked}"&gt;
    &lt;input type="checkbox" id="inlineCheckbox1" value="option2"&gt; Cars
  &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="col-md-4"&gt;
  &lt;label class="checkbox-inline btn col-md-12" ng-class="{'active' : isChecked}"&gt;
    &lt;input type="checkbox" id="inlineCheckbox1" value="option3"&gt; Music
  &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>