title: ng-disabled not working with bootstrap buttons
body: <p>I am using bootstrap.js along with angular js, my code is following- </p>
  
  <pre><code>//few lines from controller
  $scope.isWaiting = true;
  $scope.promise = $http.get("voluumHandler.php?q=campaigns&amp;filter=traffic-source&amp;filterVal=" + traffic + "&amp;from=" + from + "&amp;to=" + to + "&amp;tz=" + tz).success(function(response){        
          $scope.campaigns = response.rows;
          console.log(response.rows);
          $scope.isWaiting = false;
      }).error(function(response){
          alert(response);
          $scope.isWaiting = false;
      });
  </code></pre>
  
  <p>Here <code>isWaiting</code> is used for disabling and enabling the button.</p>
  
  <pre><code>&lt;!--HTML --&gt;
  &lt;div class="col-md-3"&gt;
          &lt;button class="btn btn-warning" ng-disabled="{{isWaiting}}"&gt;Report&lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Output HTML produced before ajax load completed</p>
  
  <pre><code>&lt;button class="btn btn-warning" ng-disabled="true" disabled="disabled"&gt;Report&lt;/button&gt;
  </code></pre>
  
  <p>And after ajax load completed </p>
  
  <pre><code>&lt;button class="btn btn-warning" ng-disabled="false" disabled="disabled"&gt;Report&lt;/button&gt;
  </code></pre>
  
  <p>And button is still disabled. I am not sure why is this happening, I have seen couple of questions here answered to do this only.</p>
  
  <p>Thanks in advance.</p>