Using an angular expression with an ng-if directive

Question

Is it possible to evaluate an angular expression in a ng-if?

For instance:

<div ng-if="itemData.contentTypeId = {{$root.res('resources', article_type_id')}}">
<!-- some content -->
<div>

also tried surrounding the expression in single quotes:

<div ng-if="itemData.contentTypeId = '{{$root.res('resources', article_type_id')}}'">
<!-- some content -->
<div>

and neither worked as expected.

Is this an issue with syntax or is this not possible? If this is a syntax issue, how should the statement above be written?

have you tried with == instead of = ?

Andrei CACIO
– Andrei CACIO

2015-04-27 18:21:30 +00:00
Commented Apr 27, 2015 at 18:21 — Andrei CACIO
– Andrei CACIO, Commented Apr 27, 2015 at 18:21

HankScorpio · Accepted Answer · 2015-04-27 18:27:10Z

4

The ng-if text IS an angular expression. Whatever string you write in there gets parsed by angular using $scope.$eval(). Any variables (including functions) that are used in the expression must be visible from the current $scope. That means for this code to work, $scope.$root must be defined. Make sure it is, or you can't run the res() function, or else find another way.

ng-if evaluates the expression to a truthy or falsey value, so your = must be a comparison operator == or ===.

<div ng-if="itemData.contentTypeId === $root.res('resources', article_type_id')">

answered Apr 27, 2015 at 18:27

HankScorpio

3,65117 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Using an angular expression with an ng-if directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related