如何在屏幕在angualrjs中调整大小时通知
问题描述:
我正在创建一个包含三个部分的网页,当我单击按钮时,我将根据屏幕宽度更改每个部分的宽度。如果我调整屏幕大小,点击按钮后,三个部分将根据当前屏幕大小进行调整。我试图在屏幕尺寸发生变化时收到通知。 这是我的html代码。如何在屏幕在angualrjs中调整大小时通知
<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屏幕尺寸调整我要通知,并获得当前屏幕的宽度,我试图与当前调整部分宽度。如何在屏幕大小调整时通知?
它为我工作。谢谢 。 – hanu
马克如果有足够的帮助,请给出答案 – Vitalii