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 resize

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

1 个答案: