无法读取未定义的属性（读取 'getAttribute'）mat-checkbox

Question

我正在尝试使用一些 Angular Material 组件，例如 mat-checkbox，但是当我设置自定义属性时，我得到

Cannot read properties of undefined (reading 'getAttribute')

使用的代码是这样的：

<li *ngFor="let instancia of tipo_maquina.instancias">
    <mat-checkbox 
     (change)="onCheckChange($event, $event.source, $event.checked)"
     [attr.typeid]="instancia.id">
      {{instancia.nombre}}
    </mat-checkbox>
</li>

onCheckChange(event: any, checkbox: MatCheckbox, isChecked: boolean){
    console.log("check event")
    console.log(event.target.getAttribute('typeid'));
}

Answer 1

$event 的类型应该是 MatCheckboxChange 并且它有 2 个属性

    /** Change event object emitted by MatCheckbox. */
    export declare class MatCheckboxChange 
    {
        /** The source MatCheckbox of the event. */
        source: MatCheckbox;
        
       /** The new `checked` value of the checkbox. */
        checked: boolean;
    }

所以目标在 MatCheckboxChange 上不存在，你会得到一个错误 错误 TS2339：属性目标'在类型 'MatCheckboxChange' 上不存在。

正如@MikeOne 所建议的，只需将 instancia.id 传递给 onCheckChange($event, instancia.id) 方法。

无法读取未定义的属性（读取 'getAttribute'）mat-checkbox

Cannot read properties of undefined (reading 'getAttribute') mat-checkbox

checkbox

angular-material

angular