angular - DOM nativeElement 是否有 typescript 定义？

Question

我正在测试一个 Angular2 组件并想断言该组件的 nativeElement 属性，但是没有它的 typescript 定义。我的测试看起来像这样:

beforeEach( () => {
    myComponentFixture = TestBed.createComponent(MyComponent);
    myComponent = myComponentFixture.componentInstance;
});

it('Should display something', fakeAsync(() => {
    myComponentFixture.detectChanges();

    expect(myComponentFixture.nativeElement.textContent).toContain('something');
}));

问题是，在我键入 nativeElement. 后，没有针对它的 IntelliSense，因为我认为没有针对 nativeElement 的类型。还有更多我可能想要检查的属性，如 innerHtml、id 等。这个示例测试可能没有意义，但我可以使用 myComponentFixture.debugElement.query(By.css('# myElement')).nativeElement

Answer 1

你需要转换。由于多平台策略，他们没有为 nativeElement 指定特定类型:

(myComponentFixture.nativeElement as HTMLElement)....