时间戳

首页 > 解决方案 > 打字稿：创建方法时对象可能为空

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

问题描述

在 book-store.component.html 中创建 changePageSize 方法时出现“对象可能为空”错误。显然我必须在类中初始化对象，但我不知道该怎么做，谁能帮助我。我是 Typescript 和 Angular 的新手。

https://i.stack.imgur.com/lUzFl.png

在此处输入图像描述

标签： angulartypescript

解决方案

$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;
}

推荐阅读