title: Trouble with ng-disabled and ng-class
body: <p>Having trouble making ng-disabled and ng-class work properly.</p>
  
  <p><strong>ng-disabled</strong></p>
  
  <p>A variable on the scope tracks how many rows have been selected on a table, and contains a list of rows ids. The button should be disabled when the $scope.selected list is empty.</p>
  
  <p>{{selected}} will show [27982,27983,27984]</p>
  
  <pre><code>&lt;button type="button" class="btn btn-primary" ng-model="scope.selected"
          ng-disabled="" ng-click="invokeSaleModal()"&gt;Purchase&lt;/button&gt;
  </code></pre>
  
  <p><strong>ng-class</strong></p>
  
  <p>$scope.purchase.paid is a boolean, holding either <strong>true</strong> or <strong>false</strong>. I am trying to apply the Bootstrap text classes to make the line green or red. Nothing seems to work, even though the <strong>purchase.paid</strong> variable is correct.</p>
  
  <pre><code> &lt;h4 ng-model="purchase.paid" ng-class="{true: success, false: danger}"&gt;
       {{purchase.card_message}}
   &lt;/h4&gt;
  </code></pre>
  
  <p>EDIT</p>
  
  <p>I tried changing the tag from <strong>h4</strong> to a <strong><p></strong> but no luck. Here is the modified code</p>
  
  <pre><code>&lt;p ng-class="{true: 'success', false: 'danger'}[purchase.paid]"&gt;
     {{purchase.card_message}} - {{purchase.paid}}
  &lt;p&gt;
  </code></pre>
  
  <p>Which displays this</p>
  
  <pre><code>Purchase successful - true
  </code></pre>
  
  <p>EDIT2</p>
  
  <p>Thank you to @Josep It turns out I was using the wrong Bootstrap CSS class names.</p>
  
  <pre><code>&lt;p ng-class="{true: 'text-success', false: 'text-danger'}[purchase.paid]"&gt;
     {{purchase.card_message}} - {{purchase.paid}}
  &lt;p&gt;
  </code></pre>