$window, $document

$window

• ng模块中的服务

这是一个浏览器端 window 对象的引用. 由于Javascript 中的window是一个全局变量，它会给可测试性带来问题。在Angular中我们总会通过 $window 服务来引用它，因此在测试总它可以被改写、删除或模拟。

在下面的例子中，表达式可以像定义一个ngClick指令一样，在当前作用域被严格的评估。因此, 在这种依赖于一个全局变量表达式中，不会因为不经意的编码而带来风险。

---

例子

html and javascript

<script>
  angular.module('windowExample', [])

    .controller('ExampleController', ['$scope', '$window', function($scope, $window) {
      $scope.greeting = 'Hello, World!';
      $scope.doGreeting = function(greeting) {
        $window.alert(greeting);
      };
    }]);
</script>
<div ng-controller="ExampleController">
  <input type="text" ng-model="greeting" aria-label="greeting" />
  <button ng-click="doGreeting(greeting)">ALERT</button>
</div>

protractor

it('should display the greeting in the input box', function() {

 element(by.model('greeting')).sendKeys('Hello, E2E Tests');
 // If we click the button it will block the test runner
 // element(':button').click();
});

---

$document

• ng模块中的服务

一个对于浏览器中的 window.document对象的jQuery 或 jqLite 封装。

---

依赖

$window

---

例子

html

<div ng-controller="ExampleController">

  <p>$document title: <b ng-bind="title"></b></p>
  <p>window.document title: <b ng-bind="windowTitle"></b></p>

</div>

javascript

angular.module('documentExample', [])

.controller('ExampleController', ['$scope', '$document', 
  function($scope, $document) {

    $scope.title = $document[0].title;
    $scope.windowTitle = angular.element(window.document)[0].title;

}]);