一個瀏覽器窗口對象的引用。它是一個全局對象，在window中是全局可用的，但是它導致一些問題。在Angular中也經常通過$window服務提到它，因此它可以被重寫、刪除及測試。
驗證代碼：
$window 等同于 window。 (function(){ angular.module('Demo', []) .controller('testCtrl',["$window",testCtrl]); function testCtrl($window) { $window === window; } }());$window對象可以用來獲取瀏覽器窗口各項屬性（如窗口高度寬度、瀏覽器版本等等）。
1、問題背景
通過$window對象打印出輸入框的內容
2、實現源碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS之$window窗口對象</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> var app = angular.module("winApp",[]); app.controller("winCon",function($window,$scope){ $scope.phone = "15969569556"; $scope.showPhone = function(){ $window.alert("您輸入的手機號是："+$scope.phone); }; }); </script> </head> <body ng-app="winApp"> <div ng-controller="winCon"> <input type="text" id="phone" maxlength="11" ng-model="phone"/> <button ng-click="showPhone();">顯示手機號</button> </div> </body> </html> 3、實現結果
PS：angularjs中書寫window.resize功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="angular.js"></script> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope, $window) { $scope.default = "hello world"; var w = angular.element($window); w.bind('resize', function(){ console.log(new Date()) }) }); </script></head><body><div ng-app="myApp" ng-controller="myCtrl"><h1>{{default}}</h1></div></body></html>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
