无法读取未定义的属性（读取 'checked'）Angular 复选框

Question

我需要你的帮助。我尝试在 Angular 的帮助下检查我的复选框是否被按下。如果按下了，那么我要把信息存入数据库，如果没有按下，那么什么都不做。不幸的是，显示的这段代码给了我以下错误：

Cannot read properties of undefined (reading 'checked')

我做错了什么？非常感谢）

html

<mat-checkbox (change)="saveMessage($event)" formControlName="checkboxInviteMessage">
   <mat-label>Save message</mat-label>
</mat-checkbox>

ts

saveMessage(event: any) {
   if (event.target.checked) {
    console.log('added');
    // Add data to database
   } else if (!event.target.checked) {
    console.log('unchecked');
    // Don't add data to database
   }
}

Answer 1

您 saveMessage 上的事件参数是 MatCheckboxChange 类型，您那里没有 .target。

有关更多信息，我建议阅读 Angular Material 文档：link

saveMessage(event: MatCheckboxChange) {
   if (event.checked) {
    // is checked
   } else {
    //.....
   }
}

无法读取未定义的属性（读取 'checked'）Angular 复选框

Cannot read properties of undefined (reading 'checked') Angular Checkbox

checkbox

angular