类型错误 - 事件对象可能'null'对象

Question

在我的angular应用中，我使用了下面这个函数:

@HostListener('drop', ['$event'])
onDrop(event: DragEvent): void {
const textData = event.dataTransfer.getData('text');
this.inputElement.focus();
this.pasteData(textData);
event.preventDefault();
}

Tslint在这里抱怨event.dataTransfer。我得到这个错误-返回事件的datattransfer对象。对象可能为'null'。

Answer 1

如果你打开了TSLint的错误捕获，这是很常见的。

你可以使用以下任何一种

if(event.dataTransfer != undefined){
const textData = event.dataTransfer.getData('text');
}

或者简单地(注意?)

const textData = event.dataTransfer?.getData('text');