title: Cant resize div with ng-style
body: <p>I want to resize my div when I press the button change. I'm using <code>ng-style</code> and this is my code in HTML.</p>
  
  <pre><code>&lt;div id="lokacija" ng-style="myStyle"&gt;
     &lt;button class="change" ng-show="pokazi" ng-click="myStyle={'height':'{{visina}}'} ;function() "&gt;Change &lt;/button&gt; 
   &lt;/div&gt;
  </code></pre>
  
  <p>And the controller:</p>
  
  <pre><code>    angular.module('Bosk')
  .controller('StartCtrl', function($scope){ 
      $scope.visina="99px"; 
        $scope.funkcija = function(){
              var element = angular.element(document.querySelector('#lokacija')); 
            var height = element[0].offsetHeight;  
            if(height&lt;100){               
             $scope.visina="400px";
              console.log('if');
            }
            else{
                 $scope.visina="99px";
                console.log('else'); 
  
            }
      } 
  })
  </code></pre>
  
  <p>Like u see I want it to when I press first time the button to resize to 400 px and when i press it again I want it to return to 99 px. When I press it the first time it work, but when I want to return it, it doesn't. I must to refresh <code>ng-style</code> or?</p>