具有ClipboardData属性的Angular2组件 [英] Angular2 component with clipboardData property

问题描述

我有一个Angular2组件，该组件具有从剪贴板粘贴数据的方法:

I have an Angular2 component with a method to paste data from the clipboard:

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

}

这种方法不适用于IE10 +，但IE具有带有属性剪贴板数据的窗口对象，但打字稿编译器会引发错误:

This way doesn't work for IE10+, but IE have a window object with a property clipboardData, but typescript compilator throws an error:

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

}

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

I have found a solution, that we must use angular2-clipboard directive, but I wan't to use it.

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

推荐答案

我找到了一个解决方案:

I have found a solution:

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

这篇关于具有ClipboardData属性的Angular2组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！