AngularJS ng-if with multiple conditions

Question

I d like to know if it s possible to have something like this   div ng-repeat   k v  in items   lt div ng-if  k     a     k     b   gt       lt  -- SOME CONTENT -- gt   lt  div gt    Knowing that items is a JSON container received through a request  so that s why I m using a key  value method   Thanks  I m asking because I ve tried googling it  but the only result I could get were with ng-switch  but I have to use ng-if

User · Answer

JavaScript Code  function ctrl  scope    scope call  state   second   first   nothing   Never    Gonna    Give    You    Up       scope whatClassIsIt  function someValue        if someValue   first               return  ClassA       else if someValue   second            return  ClassB       else          return  ClassC

User · Answer

HTML code   lt div ng-app gt   lt div ng-controller  ctrl  gt       lt div ng-class  whatClassIsIt call state 0    gt   call state 0    lt  div gt       lt div ng-class  whatClassIsIt call state 1    gt   call state 1    lt  div gt       lt div ng-class  whatClassIsIt call state 2    gt   call state 2    lt  div gt       lt div ng-class  whatClassIsIt call state 3    gt   call state 3    lt  div gt       lt div ng-class  whatClassIsIt call state 4    gt   call state 4    lt  div gt       lt div ng-class  whatClassIsIt call state 5    gt   call state 5    lt  div gt       lt div ng-class  whatClassIsIt call state 6    gt   call state 6    lt  div gt       lt div ng-class  whatClassIsIt call state 7    gt   call state 7    lt  div gt   lt  div gt      JavaScript Code  function ctrl  scope    scope call  state   second   first   nothing   Never    Gonna    Give    You    Up       scope whatClassIsIt  function someValue        if someValue   first               return  ClassA       else if someValue   second            return  ClassB       else          return  ClassC

User · Answer

OR operator    lt div ng-repeat  k in items  gt       lt div ng-if  k     a  or k     b   gt           lt  -- SOME CONTENT -- gt       lt  div gt   lt  div gt    Even though it is simple enough to read  I hope as a developer you are use better names than   a   k   b  etc    For Example    lt div class  links-group  ng-repeat  group in groups  ng-show   group hidden  gt       lt li ng-if  user groups admin    group title     Home Pages   gt            lt  --Content-- gt       lt  li gt   lt  div gt    Another OR example   lt p ng-if  group title     Dispatcher News  or group title     Coordinator News   style  padding  5px   gt No links in group  lt  p gt    AND operator    For those stumbling across this stackoverflow answer looking for an AND instead of OR condition    lt div class  links-group  ng-repeat  group in groups  ng-show   group hidden  gt       lt li ng-if  user groups admin  amp  amp  group title     Home Pages   gt            lt  --Content-- gt       lt  li gt   lt  div gt

User · Answer

Sure you can  Something like   HTML   lt div ng-controller  fessCntrl  gt            lt label ng-repeat   key val  in list  gt          lt input type  radio  name  localityTypeRadio  ng-model   parent localityTypeRadio  ng-value  key    gt   key             lt div ng-if  key     City     key     County   gt                lt pre gt City or County        parent localityTypeRadio   lt  pre gt            lt  div gt            lt div ng-if  key     Town   gt                lt pre gt Town       parent localityTypeRadio   lt  pre gt            lt  div gt                 lt  label gt   lt  div gt    JS  var fessmodule   angular module  myModule         fessmodule controller  fessCntrl   function   scope          scope list             City    name   cityA     name   cityB             County     name   countyA     name   countyB             Town     name   townA     name   townB                   scope localityTypeRadio    City        fessmodule  inject      scope      Demo Fiddle

User · Answer

you can also try with  amp  amp  for mandatory constion if both condtion are true than work    div ng-repeat   k v  in items    lt div ng-if   k     a   amp  amp   k     b    gt       lt  -- SOME CONTENT -- gt   lt  div gt

[angularjs] AngularJS ng-if with multiple conditions

Examples related to angularjs