如何使用AngularJS对窗口大小的变化做出反应?

时间:2016-02-17 16:47:20

标签: javascript angularjs

我将此作为一种观察窗口调整大小事件的方法。然而它的工作非常缓慢。有人可以建议他们是否知道其他一些简单且不涉及复杂指令的方法。如果我这样做的方式是一个好方法,也会感激任何建议。

 $scope.$watch(($scope) => {
    $scope.isLarge = $window.innerWidth > 650 ? true : false;
    angular.element($window).on('resize', () => {
       $scope.$digest();
    });
    console.log($scope.isLarge);
 });

1 个答案:

答案 0 :(得分:0)

工作小提琴: https://jsfiddle.net/jaredwilli/SfJ8c/

HTML

public class Test {

    public static void main(String[] args) {
        for(int i = 0; i < 10; ++ i){
            System.out.println(new CoordinatePoint().getId());
        }
    }
}

的JavaScript

<div ng-app="miniapp" ng-controller="AppController" ng-style="style()" resize>window.height: {{windowHeight}}
    <br />window.width: {{windowWidth}}
    <br />
</div>