Ng-disabled Not Working With Bootstrap Buttons

I am using bootstrap.js along with angular js, my code is following- //few lines from controller $scope.isWaiting = true; $scope.promise = $http.get('voluumHandler.php?q=campaigns

Solution 1:

If you are using ng-disabled an expression must be used that returns a truthy value. An example of an expression is isWaiting. {{isWaiting}}will instead output an expression. So instead use ng-disabled="isWaiting".

<buttonclass="btn btn-warning"ng-disabled="isWaiting">Report</button>

ngDisabled documentation

Expressions documentation

Solution 2:

You need to give an expression to ng-disabled, instead you are giving a string("true"/"false") which is always truthy and button is always disabled.

isWaiting --> expression

{{isWaiting}} --> value of expression

In your case:

ng-disabled="isWaiting"