Test if a value exists in a map in a ng-if

Question

How can I test if a value exists in a map in a ng-if?

$scope.textInputTypes = {
      "currency": true,
      "double": true,
      "percent": true,
      "int": true,
      "email": true,
      "phone": true,
      "string": true,
      "textarea": true,
      "url": true
    };

ng-if='mytype in textInputTypes'

This gives me an error:

Syntax Error: Token 'in' is an unexpected token at column 17 of the expression [mytypeNaNn textInputTypes] starting at [in textInputTypes].

You shouldn't need to check if the key exists. treat it like a boolean `if` with the benefit that angular won't throw exception if it doesn't exist — charlietfl, Jul 24 '15 at 22:59

score 0 · Answer 1 · answered Jul 24 '15 at 22:59

You can also do the following:

<element ng-if='textInputTypes.hasOwnProperty(mytype)'>

Just keep in mind that the content inside the element won't be part of the DOM if the IF condition is not met, if you still want the content to exist you can also use ng-show

score 0 · Answer 2 · answered Jul 25 '15 at 21:34

0

Finally, I found a way to do it.

ng-if="textInputTypes[myType]"

answered Jul 25 '15 at 21:34

angelokh

9,426
9
69
139

Test if a value exists in a map in a ng-if

2 Answers2