Angular ng-if not true

angularjs angular-ng-if
user3289197 picture user3289197 · Oct 8, 2014 · Viewed 140.9k times · Source

Why doesn't this work.

<li ng-if="!area"></li>

Feels a bit illogical since

<li ng-if="area"></li>

works just fine.

'area' is defined in scope as true/false Any workarounds for this? I would prefer not to use ng-show/ng-hide since both of them renders items in DOM.

Answer

Sachin Sudhakar Sonawane picture Sachin Sudhakar Sonawane · Aug 22, 2015

use this

ng-if="area == false"

OR

ng-if="area == true"

this may help someone

Related questions

Angular ng-if="" with multiple arguments

I am trying to get started on angular development. And after reviewing the documentation some questions persist. How do i best write a ng-if with multiple arguments corresponding to if( a && b) or if( a || b )

Read More
ng-if, not equal to?

I have a simple ng-reapt that displays a list of values.. On some of the outputs, i have a couple of ng-if to show/hide DIVs. HTML: <div ng-repeat="details in myDataSet"> <p>{{ details.Name }}</…

Read More
How to use ng-if with table to display td based on the condition

With reference to the earlier post on ng-if within DIV for reference the link given here :: Ng-If within DIV , however when i tried the same with ng-if inside table with ng-repeat on td it doesn't seems to work well. Correct …

Read More