title: how to change ng-class on conditions?
body: <p>I have a label that has class value based on 3 different conditions.</p>
  
  <pre><code>status = true =&gt; domain available 
  status =false=&gt; domain not available
  
  click =&gt; domain is selected
  </code></pre>
  
  <p>but when click on it, class should change to 'check-yes1'. How can i make it to change cssClass when clicked?</p>
  
  <pre><code>&lt;div ng-repeat="(key,value) in newReg.checkedDomains | groupBy: 'domain'"&gt;
       &lt;label class="checkbox-inline" ng-class="{'check-yes' : ext.status==true}" ng-repeat="ext in value"&gt;
             &lt;input type="checkbox"&gt;  
       &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i even tried something like</p>
  
  <pre><code> &lt;label class="checkbox-inline" ng-click="updateSelectStatus(ext.status,true)" ng-class="updateSelectStatus(ext.status,false)" ng-repeat="ext in value"&gt;
             &lt;input type="checkbox"&gt;  
   &lt;/label&gt;
  
  $scope.updateSelectStatus = function (status, selected) {
  
      if (selected) {
  
          return 'checked';
      }
  
      return status == 'true' ? 'check-yes' : '';
  
  }
  </code></pre>
  
  <p>sorry to confuse with the mess :)   </p>