Angularjs获取innerWidth

Question

我想在我的控制器中使用浏览器的innerWidth。我找到了一个在屏幕上输出宽度的指令，但我希望在我的控制器中有它。我的ng-repeat取决于屏幕的宽度。我发现的指令是：

app.directive('resize', function ($window) {
return function (scope) {
    scope.width = $window.innerWidth;
    angular.element($window).bind('resize', function () {
        scope.$apply(function () {
            scope.width = $window.innerWidth;
        });
    });
};
});

所以我的问题是，如何在我的控制器中获取浏览器的innerWidth并让它在浏览器调整大小时自行更新？

Answer 1

将$window注入您的控制器

var app = angular.module('myApp', []);

app.controller('MyController', ['$window', '$scope', function($window, $scope) {
    // Do whatever you want with $window now
    // For instance, $window.innerWidth would return the inner width.
}]);