Using a Boolean expression example in ng-class

HTML / AngularJS Code

Output

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<style>
.redclass {
    color:#D50000;
    background-color:#FFE1E1;
    border: 2px dashed #FF5353;
    font-size:16px;
    width:400px;
    margin-left:20px;
    }
.greenclass {
    color:#008040;
    background-color:#BBFFDD;
    border: 2px dotted #4FFFA7;
    font-size:16px;
    width:400px;
    margin-left:20px;
    }
</style>
<body ng-app="">

        <div class="form-group col-sm-4">
           Check for green class / Uncheck for redclass <input type="checkbox" ng-model="tablecls" />
        </div>
        <br /><br />

            <table class="table table-bordered table-striped" ng-class="{true:'greenclass',false:'redclass'}[tablecls]">
                  <tr>
                      <th>Product Code</th>
                      <th>P Name</th>
                      <th>P Quality</th>
                      <th>P Quantity</th>
                  </tr>
                  <tr>
                      <td>10</td>
                      <td>Wheat</td>
                      <td>Great</td>
                      <td>50 Bags</td>
                  </tr>
                  <tr>
                      <td>20</td>
                      <td>Rice</td>
                      <td>Good</td>
                      <td>100 Bags</td>
                  <tr>
                      <td>30</td>
                      <td>Sugar</td>
                      <td>Good</td>
                      <td>111 Bags</td>
                  </tr>  
                </table>

</body>
</html>

Check for green class / Uncheck for redclass

Product Code	P Name	P Quality	P Quantity
10	Wheat	Great	50 Bags
20	Rice	Good	100 Bags
30	Sugar	Good	111 Bags