angularjs $ window.height未定义

Question

$ window.height未定义。问题在哪里？

FoodSearchControllers.controller('homeCtrl', ['$scope', '$http', '$window', 'filterArgs', function($scope, $http, $window, filterArgs) {
  $scope.popupHeight = $window.height;
  console.log($scope.popupHeight);
}]);

Answer 1

$window是Window的包装器，Window没有height属性。您可以改为使用innerHeight，例如：$scope.popupHeight = $window.innerHeight;

Answer 2

您需要在angular之前包含jQuery，它会将$window包装器更改为jQuery $(window)对象而不是Window。

Answer 3

您可以使用jquery获取var page = angular.element($window);元素，然后获取高度page.height();

Answer 4

尝试使用此功能。有时窗口无法识别高度。

$scope.calculateScreenHeight = function() {
   var height = $window.innerHeight;
   var width = $window.innerWidth;
}