title: Change Twitter Bootstrap button status to active in Button Group with AngularJS
body: <p>I'm trying to set the status of a button to active based on the value of "OrderBy" with no results, I've tried all the Q/A in stackoverflow.</p>
  
  <pre><code>    &lt;div class="btn-group col-md-offset-5" style="right: 12px !important;"&gt;
          &lt;label class="btn btn-default" ng-class="'active':orderProp=='name'"&gt;
              &lt;input type="radio" name="color" data-ng-model="orderProp" value="name"&gt; Alphabetical
          &lt;/label&gt;
          &lt;label class="btn btn-default" ng-class="'active':orderProp=='price'"&gt;
              &lt;input type="radio" name="color" data-ng-model="orderProp" value="price"&gt; Price
          &lt;/label&gt;
          &lt;label class="btn btn-default" ng-class="'active':orderProp=='calorie'"&gt;
              &lt;input type="radio" name="color" data-ng-model="orderProp" value="calorie"&gt; Calorie
          &lt;/label&gt;{{orderProp}}
      &lt;/div&gt;
  </code></pre>
  
  <p>The value of orderProp is changing accordingly but dunno why the active class is not being applied.
  Thanks</p>