如何在屏幕在angualrjs中调整大小时通知

Question

我正在创建一个包含三个部分的网页，当我单击按钮时，我将根据屏幕宽度更改每个部分的宽度。如果我调整屏幕大小，点击按钮后，三个部分将根据当前屏幕大小进行调整。我试图在屏幕尺寸发生变化时收到通知。 这是我的html代码。

<div class="minbutton" ng-click="minimize()"> 
       <div ng-if="toggles"> 
        <i class="fa fa-angle-double-left"></i> 
       </div> 
       <div ng-if="!toggles"> 
        <i class="fa fa-angle-double-right"></i> 
       </div> 
     </div> 

这是我的控制器代码。

$scope.minimize= function(){ 
       var width =$(window).width();         
       if($scope.toggles=== true){   
        $(".section1").attr('style','width:14%'); 
        $(".section2").attr('style','width:26%'); 
        $(".section2").attr('style','left:14%'); 
        $(".section3").attr('style','left:40%'); 
        $(".section3").attr('style','width:60%') 
        $scope.toggles = true; 
       } else { 
        section1Left = 56; 
        leftSection = width - 56; 
        section2Width=Math.round(leftSection * 0.30); 
        section3Left = section2Width + 56; 
        section3Width = Math.round(leftSection *0.70); 
        $(".section1").css("cssText","width:56px !important;");  
        $('.section2').css({left:section1Left,width:section2Width}); 
        $('.section3').css({left:section3Left,width:section3Width}): 
        $scope.toggles = false; 
       } 
      }; 

当我点击最小化，我固定第一部分和调节宽度的休息2 sections.when屏幕尺寸调整我要通知，并获得当前屏幕的宽度，我试图与当前调整部分宽度。如何在屏幕大小调整时通知？

Answer 1

角度不是答案。这在角度上并不是特别的工具。但你仍然可以使用JS或JQuery，像这样 Jquery resize