Javascript 无法使用ng样式调整div的大小

我想在按下“更改”按钮时调整div的大小。我使用的是

ng样式

，这是我的HTML代码

<div id="lokacija" ng-style="myStyle">
   <button class="change" ng-show="pokazi" ng-click="myStyle={'height':'{{visina}}'} ;function() ">Change </button> 
 </div>

改变

以及控制器：

    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<100){               
           $scope.visina="400px";
            console.log('if');
          }
          else{
               $scope.visina="99px";
              console.log('else'); 

          }
    } 
})

angular.module（'Bosk'））
.controller（'StartCtrl'，函数（$scope）{
$scope.visina=“99px”；
$scope.funkcija=函数（）{
var元素=angular.element（document.querySelector（'lokacija'）；
var height=元素[0]。偏离视线；
如果（height
ng click
有错误的表达式，那么其中的
function（）
是什么..尽管它应该是
myStyle={'height'：visina}
我的代码可以工作，但我只是想知道如何更新ng样式。当我第一次按下按钮时，它会调整大小。但当我再次按下它时，它不会调整大小。这就是问题所在。
ng click
有错误的表达式，其中的
function（）
是什么..虽然它应该是
myStyle={'height'：visina
我的代码正常工作，但我只想知道如何更新ng样式。当我第一次按下按钮时，它会调整大小。但当我再次按下它时，它不会调整大小。这就是问题所在。