title: Angular ng-show Still Shows <div> Element When Empty
body: <p>How can I hide/remove the containing <code>&lt;div&gt;</code> element when the value is empty:</p>
  
  <pre><code>&lt;div class="small" ng-show="ID !== ''"&gt;{{ info.ID }} | &lt;/div&gt;
  </code></pre>
  
  <p>Renders:</p>
  
  <pre><code>&lt;div class="small"&gt;|&lt;/div&gt;
  </code></pre>
  
  <p>Can I remove the <code>&lt;div&gt;</code> completely if empty? I've tried:</p>
  
  <pre><code>&lt;div class="small" ng-show="!ID"&gt;{{ info.ID }}&lt;/div &gt;
  </code></pre>