title: How to get size of DOM element when work with ng-show
body: <p>All:</p>
  
  <p>I wonder how to get the width and height of an Element if I set its ng-show false?</p>
  
  <p>Like:</p>
  
  <pre><code>&lt;button ng-click="show()"&gt;show&lt;/button&gt;
  &lt;div id="showarea" style="width:50%; height:50%;" ng-show="showdiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And in my controller:</p>
  
  <pre><code>$scope.showdiv = false;
  $scope.show = function(){
      console.log( $("#showarea").width() );
  }
  </code></pre>
  
  <p>This one only prints out 50(if I give a specific pixel number, it will get that number), I thought jQuery can not get the actual calculated value. But when I remove ng-show and use display:none; then jQuery can get the correct size. So I guess the ng-show must done some extra work which prevent jQuery to calculate the size.</p>
  
  <p>Could anyone give a solution for this( any trick as long as we can solve the percentage situation)?</p>
  
  <p>Thanks</p>