在 Angular 中检查 HTML5 文件 API 支持？

Question

编码检查 HTML5 文件时 API 浏览器支持如下：

  private hasHtml5FileApiSupport;
  constructor(@Optional() @Inject(DOCUMENT) document: Document) {
    const w = document.defaultView;
    this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;

VSCode 在 w.File && w.FileReader && w.FileList 部分下绘制红色波浪线。

有没有办法摆脱这些/有更好的方法吗？

Answer 1

如果我们使用 Document 类型注入 document，那么我们会进行严格的类型检查，而 VSCode 会绘制波浪形，但是如果我们使用 any 而不是 Document 错误消失：

private hasHtml5FileApiSupport;
constructor(@Optional() @Inject(DOCUMENT) document: any) {
  const w = document.defaultView;
  this.hasHtml5FileApiSupport = w.File && w.FileReader && w.FileList && w.Blob;
}