类型错误 - 事件对象的对象可能为“空”答案

【问题标题】：Type error - Object is possibly 'null' for event object类型错误 - 事件对象的对象可能为“空”
【发布时间】：2021-06-07 00:13:23
【问题描述】：

在我的 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。我收到此错误 - 返回事件的 DataTransfer 对象。对象可能是“空”。

【问题讨论】：

标签： angular typescript tslint

【解决方案1】：

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

您可以使用以下任何一种。

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

或者简单地说（注意?）

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

【讨论】：