在angular中找不到 "ClipboardItem "这个名字。

Question

当试图为navigator.clipboard.write()创建ClipboardItem时，得到错误信息TS2304: Cannot find name 'ClipboardItem'。

const clipboardItemInput = new ClipboardItem({'imagepng' : blobInput}); await navigator.clipboard.write([clipboardItemInput])。

我正在使用Angular 6Please let me know do I need to add any dependencies or is there any other method.

Answer 1

Typescript版本可能没有包含所有的功能。这就是我们需要通过创建输入法或扩展现有的输入法来扩展它的地方。类型.d.ts 文件 (参考文献1)，并在其中加入以下内容。

declare class ClipboardItem {
  constructor(data: { [mimeType: string]: Blob });
}

然后在你的组件代码中引用这个文件。

/// <reference path="types.d.ts" />

然后随意使用Class.

const item = new ClipboardItem({ "image/png": blob });
window.navigator['clipboard'].write([item]);

的灵感。reference2