Are complex expressions possible in ng-hide / ng-show?

AttributesAngularjsExpression

Attributes Problem Overview


I want to do so:

ng-hide="!globals.isAdmin && mapping.is_default"

but the expression evaluates always to false.

I do not want to define special function on $scope.

Attributes Solutions


Solution 1 - Attributes

Use a controller method if you need to run arbitrary JavaScript code, or you could define a filter that returned true or false.

I just tested (should have done that first), and something like ng-show="!a && b" worked as expected.

Solution 2 - Attributes

ng-show / ng-hide accepts only boolean values.

For complex expressions it is good to use controller and scope to avoid complications.

Below one will work (It is not very complex expression)

ng-show="User=='admin' || User=='teacher'"

Here element will be shown in UI when any of the two condition return true (OR operation).

Like this you can use any expressions.

Solution 3 - Attributes

This will work if you do not have too many expressions.

Example: ng-show="form.type === 'Limited Company' || form.type === 'Limited Partnership'"

For any more expressions than this use a controller.

Solution 4 - Attributes

I generally try to avoid expressions with ng-show and ng-hide as they were designed as booleans, not conditionals. If I need both conditional and boolean logic, I prefer to put in the conditional logic using ng-if as the first check, then add in an additional check for the boolean logic with ng-show and ng-hide

Howerver, if you want to use a conditional for ng-show or ng-hide, here is a link with some examples: Conditional Display using ng-if, ng-show, ng-hide, ng-include, ng-switch

Solution 5 - Attributes

Some of these above answers didn't work for me but this did. Just in case someone else has the same issue.

ng-show="column != 'vendorid' && column !='billingMonth'"

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionPaulView Question on Stackoverflow
Solution 1 - AttributesMark RajcokView Answer on Stackoverflow
Solution 2 - AttributesmyaseedkView Answer on Stackoverflow
Solution 3 - Attributeslvadim01View Answer on Stackoverflow
Solution 4 - AttributesJames DrinkardView Answer on Stackoverflow
Solution 5 - AttributesDeathstalkerView Answer on Stackoverflow