Hide element depending on value json in Angularjs

Question

I want to hide a div depending on the value I have in the json

for example I have this {{product.currency}} and the value can be: £ or € if the value is equal € I want to hide this element.

charlietfl · Accepted Answer · 2015-01-26 17:56:05Z

5

fairly simple with ng-hide or the opposite ng-show or to not have it in page use ng-if

<div ng-hide="product.currency =='€'" >
 <!-- or -->
<div ng-show="product.currency !='€'" >
 <!-- or -->
<div ng-if="product.currency !='€'" >

And one more alternative, not as elegant or efficient is ng-switch.

It is well worth spending a bit of time looking through all the core directives shown in menu on left side of API reference docs.

answered Jan 26, 2015 at 17:49

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1