Mat-Checkbox 綁定 model 可以是可選的還是 null？

Question

大家好，我是 angular 的新手，我在其中創建了一個動態復選框列表。 因為有時我會從 API 中獲取選定的值，我需要將其綁定到復選框。 因此我將擁有如下代碼

<div *ngFor="let b of result?.category">
                        <mat-checkbox (change)="onChangeCheckbox($event)" [value]="b.RefAccess?.accessId"
                            [checked]="b.RefAccess?.selected" [(ngModel)]="b.BoRefAccess?.selected"
                            [ngModelOptions]="{standalone: true}">
                            {{b.BoRefAccess?.accessDesc}}
                        </mat-checkbox>
                    </div>

Error "Empty expressions are not allowed ng , Parser Error: The '?.' operator cannot be used in the assignment at column 25 in [b.BoRefAccess?.selected=$event] in..."

我現在的主要問題是 ngModel 綁定不能是可選的，但我需要它是可選的，因為有時 API 會給我 null 列表項。 所以我不確定如何處理它。

我還遇到了另一種跟蹤 onChange 事件的方法，但它只包含被 onChanged 的復選框，不包括那些被選中的復選框。

Answer 1

所以，我想也許你可以創建另一個變量來綁定 ngModel。 在您創建的 function onChangeCheckbox 中，如果 b.RefAccess.selected 與 null 不同，您可以更新它的值。

Answer 2

elvis 運算符不能用於賦值。 您應該以更明確的方式聲明它。

代替

[(ngModel)]="b.BoRefAccess?.selected"

采用

[ngModel]="b.BoRefAccess?.selected" (ngModelChange)="b.BoRefAccess.selected=$event"