How to make use of ng-if ng-else in angularJS

Question

I want to compare id here if id equals 5 do this  else do that  How can I achieve this    lt div class  case  data-ng-if  data id      5    gt       lt input type  checkbox  id    data id    value    data displayName                data-ng-model  customizationCntrl check data id1               data-ng-checked    data status     1   onclick  return false   gt   data displayName            lt br gt   lt  div gt   lt div class  case  data-ng-else gt       lt input type  checkbox  id    data id    value    data displayName                data-ng-model  customizationCntrl check data id               data-ng-checked    data status     1   gt   data displayName   lt br gt   lt  div gt

User · Answer

The syntax for ng if else in angular is      lt div class  case   ngIf  data id      5   else elsepart    gt       lt input type  checkbox  id    data id    value    data displayName         data-ng-model  customizationCntrl check data id1   data-ng-checked         data status     1   onclick  return false   gt   data displayName   lt br gt   lt  div gt   lt ng-template  elsepart gt       lt div class  case  gt           lt input type  checkbox  id    data id    value   data displayName              data-ng-model  customizationCntrl check data id   data-ng-checked             data status     1   gt   data displayName   lt br gt       lt  div gt    lt  ng-template gt

User · Answer

You can also try ternary operator  Something like this     data id     5    it s true     it s false      Change your html code little bit and try this hope so it will be work for you

User · Answer

I am adding some of the important concern about ng directives -   Directives will respond the same place where it s execute  ng-else concept is not there  you can with only if  or other flavor like switch statement    Check out the below example -      lt div ng-if  data type     FirstValue        different template with hoot data        lt  div        lt div ng-if  data type     SecondValue          different template with story data        lt  div        lt div ng-if  data type     ThirdValue         different template with article data        lt  div     As per datatype it is going to render any one of the div

User · Answer

You can write as     lt div class  case  ng-if  mydata id      5    gt       lt p gt  this will execute  lt  p gt   lt  div gt   lt div class  case  ng-if  mydata id      5    gt       lt p gt  this will execute  lt  p gt   lt  div gt

User · Answer

lt span ng-if  verifyName indicator    1  gt  lt i class  fa fa-check  gt  lt  i gt  lt  span gt   lt span ng-if  verifyName indicator    0  gt  lt i class  fa fa-times  gt  lt  i gt  lt  span gt    try this code  here verifyName indicator value is coming from controller  this works for me

User · Answer

Use ng-switch with expression and ng-switch-when for matching expression value    lt div ng-switch  data id  gt     lt div ng-switch-when  5  gt     lt  div gt     lt div ng-switch-default gt     lt  div gt   lt  div gt    Example is here  Angular2 example

User · Answer

There is no directive for ng-else  You can use ng-if to achieve if       else     in angularJs   For your current situation    lt div ng-if  data id    5  gt   lt  -- If block -- gt   lt  div gt   lt div ng-if  data id    5  gt   lt  -- Your Else Block -- gt   lt  div gt

[angularjs] How to make use of ng-if , ng-else in angularJS

Examples related to angularjs