AngularJS window dimensions

Question

I am trying to access the window dimensions with AngularJS 1.3 to ultimately calculate the orientation of the screen.

None of the examples I find online works and I am not sure why.

angular
    .module('myApp')
    .controller("IntroCtrl", function ($scope, $window) {

        var window = angular.element($window);

        console.log('WindowWidth ' + window.innerWidth);
});

The console reports:

"WindowWidth undefined"

What is the correct way to read the values?

are you minifying the code?

fusio
– fusio

2015-05-06 09:14:29 +00:00
Commented May 6, 2015 at 9:14 — fusio
– fusio, Commented May 6, 2015 at 9:14

svarog · Accepted Answer · 2015-05-06 09:14:35Z

1

try using $inject instead of angular.element

angular
    .module('myApp')
    .controller("IntroCtrl", function ($scope, $injector) {

        var window = $injector.get("$window");

        console.log('WindowWidth ' + window.innerWidth);
});

edited May 6, 2015 at 9:14

answered May 6, 2015 at 9:05

svarog

9,8855 gold badges66 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

fusio Over a year ago

shouldn't it be $injector ?

Pratik · Accepted Answer · 2015-05-06 09:19:22Z

1

angular
    .module('myApp', [])
    .controller("IntroCtrl", ['$scope', '$window',function ($scope, $window) {
        console.log('WindowWidth ' + $window.innerWidth);
}]);

This will work. http://jsfiddle.net/HB7LU/13496/. Working fiddle for the same code

edited May 6, 2015 at 9:19

answered May 6, 2015 at 9:11

Pratik

1,1388 silver badges26 bronze badges

4 Comments

Ceebs Over a year ago

Sorry but this does not seem to work. Still get innerWidth as undefined.

Pratik Over a year ago

Its coming for me in the fiddle. Could you check again and see if you missed something out

Ceebs Over a year ago

It does work in fiddle, but cannot get it to work in my application. Will try to find out why.

Pratik Over a year ago

cool. This provides you with a better solution, so check whats going wrong

Collectives™ on Stack Overflow

AngularJS window dimensions

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related