Angularjs if-then-else construction in expression

Question

Can I somehow use if-then-else construction  ternary-operator  in angularjs expression  for example I have function  scope isExists item  that has to return bool value  I want something like this    lt div ng-repeater  item in items  gt       lt div gt   item description   lt  div gt       lt div gt   isExists item     available     oh no  you don t have it    lt  div gt   lt  div gt    I know that I can use function that returns string  I m interesting in possibility of using if-then-else construction into expression  Thanks

User · Answer

I am trying to check if a key exist in an array in angular way and landed here on this question. In my Angularjs 1.4 ternary operator worked like below

{{ CONDITION ? TRUE : FALSE }}

hence for the array key exist i did a simple JS check

Solution 1 : {{ array['key'] !== undefined ? array['key'] : 'n/a' }}

Solution 2 : {{ "key" in array ? array['key'] : 'n/a' }}

User · Answer

You can easily use ng-show such as         lt div ng-repeater  item in items  gt           lt div gt   item description   lt  div gt           lt div ng-show  isExists item   gt available lt  div gt           lt div ng-show   isExists item   gt oh no  you don t have it lt  div gt       lt  div gt    For more complex tests  you can use ng-switch statements         lt div ng-repeater  item in items  gt           lt div gt   item description   lt  div gt           lt div ng-switch on  isExists item   gt               lt span ng-switch-when  true  gt Available lt  span gt               lt span ng-switch-default gt oh no  you don t have it lt  span gt           lt  div gt       lt  div gt

User · Answer

This can be done in one line      corretor isAdministrador  amp  amp   YES      N  O      Usage in a td tag    lt td class  text-center  gt   corretor isAdministrador  amp  amp   Sim      N  o    lt  td gt

User · Answer

You can use ternary operator since version 1 1 5 and above like demonstrated in this little plunker  example in 1 1 5    For history reasons  maybe plnkr co get down for some reason in the future  here is the main code of my example      true true false

User · Answer

Angular expressions do not support the ternary operator before 1 1 5  but it can be emulated like this   condition  amp  amp   answer if true      answer if false    So in example  something like this would work    lt div ng-repeater  item in items  gt       lt div gt   item description   lt  div gt       lt div gt   isExists item   amp  amp   available      oh no  you don t have it    lt  div gt   lt  div gt    UPDATE  Angular 1 1 5 added support for ternary operators     myVar      two     it s true     it s false

[javascript] Angularjs if-then-else construction in expression

Examples related to javascript

Examples related to angularjs

Examples related to if-statement

Examples related to angularjs-ng-repeat

Examples related to ternary-operator