从复选框打开NgModal时ExpressionChangedAfterItHasBeenCheckedError

Question

我知道他们已经存在关于loading的大量问题，但是我是Angular的新手，所以找不到类似于我的用例。

我已经读过Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedError，它的确很棒，让我很好地理解了为什么会引发此异常。

我的代码如下：我有一个error（来自ExpressionChangedAfterItHasBeenCheckedError库），我想在选中复选框后使用checkbox显示一个对话框。 / p>

该复选框是PrimeNg的单元格。

HTML

NgModal

JS

mat-table

我已经尝试在<table mat-table [dataSource]="billingLines" class="mat-elevation-z8"> <!-- Other columns here ... --> <ng-container matColumnDef="isPeriod"> <th mat-header-cell *matHeaderCellDef> Period </th> <td mat-cell *matCellDef="let element; let i=index;"> <p-checkbox *ngIf='canDisplayPeriodCheck(i)' (onChange)='onPeriodCheck(i, $event)'></p-checkbox> </td> </ng-container> <!-- mat-table definition ... --> </table> 或onPeriodSelected(lineIndex: number, checked: boolean) { if (checked) { const modalRef = this.modalService.open(PeriodPickerComponent); } } 内包装模态的开头，但是我仍然遇到相同的异常。

非常感谢。