Angular ng-class if else

Question

I d like to know how to do to make the False ng-class   page isSelected 1  is TRUE if the page if the page is selected  else FALSE   lt div id  homePage  ng-class    center  page isSelected 1     gt    I therefore want you if    isSelected is TRUE  center   isSelected is FALSE  left  I tried    lt div id  homePage  ng-class    page isSelected 1   center    left     gt    but it doesnt work   I do not know what I m doing wrong  Can you help me please

User · Accepted Answer

Just make a rule for each case    lt div id  homePage  ng-class     center   page isSelected 1     left    page isSelected 1      gt    Or use the ternary operator    lt div id  homePage  ng-class  page isSelected 1     center     left   gt

User · Answer

Both John Conde s and ryeballar s answers are correct and will work    If you want to get too geeky    John s has the downside that it has to make two decisions per  digest loop  it has to decide whether to add remove center and it has to decide whether to add remove left   when clearly only one is needed  Ryeballar s relies on the ternary operator which is probably going to be removed at some point  because the view should not contain any logic    We can t be sure it will indeed be removed and it probably won t be any time soon  but if there is a more  safe  solution  why not        So  you can do the following as an alternative   ng-class   true  center  false  left   page isSelected 1

User · Answer

You can use the ternary operator notation    lt div id  homePage  ng-class  page isSelected 1    center     left   gt

[javascript] Angular ng-class if else

Examples related to javascript

Examples related to html

Examples related to angularjs

Examples related to ng-class