Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs获得内部宽度_Angularjs_Resize_Width - Fatal编程技术网

Angularjs获得内部宽度

Angularjs获得内部宽度,angularjs,resize,width,Angularjs,Resize,Width,我想在控制器中设置浏览器的内部宽度。我找到了一个在屏幕上输出宽度的指令,但我想把它放在我的控制器中。我的重复取决于屏幕的宽度。我发现的指令是: app.directive('resize', function ($window) { return function (scope) { scope.width = $window.innerWidth; angular.element($window).bind('resize', function () { sco

我想在控制器中设置浏览器的内部宽度。我找到了一个在屏幕上输出宽度的指令,但我想把它放在我的控制器中。我的重复取决于屏幕的宽度。我发现的指令是:

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;
        });
    });
};
});

因此,我的问题是,如何在控制器中获取浏览器的内部宽度,并让它在浏览器调整大小时自行更新?

$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.
}]);    

对不起,我不明白。为什么不将
$window
注入控制器并使用它呢?我发布了一个解决方案,但它会自动更新吗?因为这取决于浏览器的宽度,我划分了多少行,你是什么意思?什么会自我更新?至于拆分,您真的应该使用响应性前端框架,如Foundation或Bootstrap。他们会帮你处理这些事情的。我认为使用
$window.innerWidth