具有clipboardData属性的Angular2组件

Question

我有一个Angular2组件，它有一个从剪贴板粘贴数据的方法：

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

}

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

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

}

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

如何在typescript中使用'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));