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

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

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       quot key quot  in array   array  key      n a

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 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

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