Typescript 如何在服务中注入文档

发布于05月30日

我有一个Angular 2应用程序.为了在测试中模拟Document个对象，我想将其注入服务，如下所示:

import { Document } from '??' 

@Injectable()
export class MyService {
  constructor(document: Document) {}
}

uses the internal getDOM() method的Title次发球.

有没有简单的方法将Document注入服务？另外，我应该如何在providers数组中引用它？

推荐答案

Angular支持这一点已有一段时间了.

您可以使用@angular/common软件包提供的DOCUMENT常量.

DOCUMENT常数的说明(取自API documentation):

表示主呈现上下文的DI标记.在浏览器中，这是DOM文档.

示例如下所示:

我的服务.服务ts:

import { Inject, Injectable } from '@angular/core';
import { DOCUMENT } from '@angular/common';

@Injectable()
export class MyService {
  constructor(@Inject(DOCUMENT) private document: Document) {}
}

我的服务.服务规格

import { provide } from '@angular/core';
import { DOCUMENT } from '@angular/common';

import { MyService } from './my-service';

class MockDocument {}

describe('MyService', () => {
  beforeEachProviders(() => ([
    provide(DOCUMENT, { useClass: MockDocument }),
    MyService
  ]));

  ...
});