Values

• 1: $document
• 2: $window

1 - $document

Description

An injectable wrapper for window.document object . Useful for mocking a browser dependency in non-browser environment tests:

Example:

// value injectables are overriden
angular.module('demo', []).value('$document', {});

When combined with ng-inject directive, the wrapper also makes document object directly accessible in the template scope.

Demo

<section ng-app>
  <div ng-inject="$document">
    `document.location.host` == <b>{{ $document.location.host }}</b>
  </div>
</section>

2 - $window

Description

An injectable wrapper for window object . Useful for mocking a browser dependency in non-browser environment tests:

Example:

// value injectables are overriden
angular.module('demo', []).value('$window', {});

When combined with ng-inject directive, the wrapper also makes window object directly accessible in the template scope.

Demo

<section ng-app>
  <div ng-inject="$window"></div>
  <button class="btn btn-dark" ng-click="$window.alert('click')">Alert</button>
</section>