title: data-ng-hide behavior in printpreview of my application
body: <p><strong>Question</strong>: <code>ng-hide</code> is used twice: with <code>text.name.length</code> and <code>!text.name.length</code>. Under both conditions the content they control is visible on print preview.  Why?</p>
  
  <p><strong>my view</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;div class="content" id="printable"&gt;
      my name is  &lt;b data-ng-hide="text.name.length"&gt;__________&lt;/b&gt;&lt;b data-ng-hide="!text.name.length"&gt;{{text.name}}&lt;/b&gt; 
      &lt;/div&gt;
      &lt;button data-ng-click="printDiv('printable')"&gt;print&lt;/button&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>this is my printpreview controller which show me printpreview of print page</strong></p>
  
  <p><strong>PrintController</strong></p>
  
  <pre><code>app.controller('PrintController', function ($scope) {
      $scope.printDiv = function (divName) {
          var printContents = document.getElementById(divName).innerHTML;
          var originalContents = document.body.innerHTML;
          var popupWin = window.open('', '_blank', 'width=800,height=600');
          popupWin.document.open()
          popupWin.document.write('&lt;html&gt;&lt;head&gt;&lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;&lt;/head&gt;&lt;body onload="window.print()"&gt;' + printContents + '&lt;/html&gt;');
  
  
          popupWin.document.close();
      }
  })
  </code></pre>