無法讀取未定義的屬性（讀取“getAttribute”）mat-checkbox

Question

我正在嘗試使用一些 Angular 材質組件，例如 mat-checkbox，但是當我設置自定義屬性時，我得到

無法讀取未定義的屬性（讀取“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上不存在，你會得到一個錯誤error TS2339: Property target' doesn't exist on type 'MatCheckboxChange' 。

正如@MikeOne 建議的那樣，只需將instancia.id傳遞給onCheckChange($event, instancia.id)方法。