打字稿：创建方法时对象可能为空

Question

在 book-store.component.html 中创建 changePageSize 方法时出现“对象可能为空”错误。显然我必须初始化类中的对象，但我不知道如何做到这一点，任何人都可以帮助我。我是 Typescript 和 Angular 的新手。

Answer 1

$event.target 的类型为 EventTarget。它没有 value 字段。 这就是您的问题的原因。

要解决此问题，您需要将 $event.target 强制转换为正确的类型。

// template
<select ... (change)="changePageSize($event)">...</select>

// component
changePageSize(event: Event): void {
    const element = event.target as HTMLInputElement;
    const value = element.value;
}