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