CODEWITHSUNDEEP
javascripthtmlangularjs
aftab
aftab

Reputation: 693

How to apply AngularJS ng-class based on condition?

I want to implement AngularJS ng-class if condition is true how can achieve this task using below code. I am new to AngularJS Any help will be appreciated.

So far tried code....

main.html

<button type="submit" class="btn btn-primary"
    ng-disabled="disableSubmitButton" 
    ng-class="{disableSaveCls:disableSubmitButton}" 
    ng-click="submitClicked()">Submit</button>

mainCtrl.js

 if (PromiseObj.data.StatusLookUpCode === 'COMPLIANCE') {
            $scope.disableSubmitButton = true;
            };

Upvotes: 0

Views: 73

Answers (2)

Alhuck
Alhuck

Reputation: 1029

DEMO

what you are doing is correct, but you should apply class like this,

ng-class="{'disableSaveCls':disableSubmitButton}"

within single quotes

Upvotes: 0

Anik Islam Abhi
Anik Islam Abhi

Reputation: 25352

Add '' in the class name

Try like this

ng-class="{'disableSaveCls':disableSubmitButton}"

Upvotes: 1

Related Questions