当屏幕在 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 个部分的其余宽度。当屏幕调整大小时，我想通知并获取当前屏幕宽度，我正在尝试使用当前宽度调整部分。调整屏幕大小时如何通知？

Answer 1

Angular 不是答案。这不是角度的特殊工具。但是你仍然可以使用 JS 或 JQuery，就像这样Jquery 调整大小