如何在屏幕在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