angular ng-if numerical boolean

Question

I'm having a bit of trouble getting Angular ng-if to work. I want one of my DOM elements to disappear when $scope.week = 1.

In my controller I've set

$scope.week = 1

In my markup I have

<span class="prev" ng-if="{{week}} !== 1"></span>

Does anyone know how to get boolean conditionals to evaluate in ng-if? Thanks!

ng-if has access to scope; you don't need {{ }} around your variable `week` — Gaʀʀʏ, Jun 28 '14 at 21:32
it looks like that results in a string literal ng-if="week != 1" though? — user3786560, Jun 28 '14 at 21:33
You can do that or `!==` for type comparison. I added a jsfiddle to my answer. — Gaʀʀʏ, Jun 28 '14 at 21:40
Very similar question asked here: ng-if [Angular ng-if does not evaluate conditional statement](http://stackoverflow.com/a/23937416/1959948) — Dalorzo, Jun 28 '14 at 21:56

Gaʀʀʏ · Accepted Answer · 2014-06-28T21:51:37.907

2

Remove the {{ }} from week variable. Ng-if accesses scope objects without the braces.

<span class="prev" ng-if="week !== 1"></span>

See the documentation on ng-if for more examples.

Here is the jsfiddle, and a jsfiddle with a toggle function.

edited Jun 28 '14 at 21:51

answered Jun 28 '14 at 21:33

Gaʀʀʏ

thanks! I didn't catch the extra {{}} around my variable. It also turns out that I was on a version of angular that predates ng-if, so now I'm all good to go – user3786560 Jun 28 '14 at 21:58
Ahh, I forgot to mention the version issue. Good catch. Unrelated: Thank you for giving me `1337` reputation. – Gaʀʀʏ Jun 28 '14 at 22:03

1 Answers1