具有clipboardData属性的Angular2组件

Question

我有一个Angular2组件，其中包含从剪贴板粘贴数据的方法：

inputPaste(event){
  let clipboardData = event.clipboardData;
  ...

}

这种方式对IE10 +不起作用，但IE有一个带有属性clipboardData的窗口对象，但是typescript compilator会抛出错误：

inputPaste(event){
  let clipboardData = event.clipboardData 
            || window.clipboardData; //error 'clipboardData' does not exist on type Windows
  ...

}

我找到了一个解决方案，我们必须使用angular2-clipboard指令，但我不想使用它。

如何在打字稿中使用'windows.clipboardData'？

Answer 1

我找到了一个解决方案：

inputPaste(event){
    let clipboardData = event.clipboardData 
                        || (<any>window).clipboardData; //typecasting to any
                        or
                        || window['clipboardData']; //access like to array
    ...
}

Answer 2

我们可以使用导航器获取剪贴板数据

navigator.clipboard.readText().then(s => console.log(s));