title: Angular ng-if not true
body: <p>Why doesn't this work.</p>
  
  <p><code>&lt;li ng-if="!area"&gt;&lt;/li&gt;</code></p>
  
  <p>Feels a bit illogical since</p>
  
  <p><code>&lt;li ng-if="area"&gt;&lt;/li&gt;</code></p>
  
  <p>works just fine.</p>
  
  <p>'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.</p>