角度组件表达式中的Mat对话框错误changedafterithasbeencheckederror

如果不知道所有调用函数的详细信息,很难判断是什么导致了问题。但是,表达式changedafterithasbeencheckederror很可能可以通过执行以下操作来修复:

• 尝试将代码移到ngAfterViewInit生命周期挂钩中,
• 尝试在setTimeout内包装代码。

最后,阅读 Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedError error . 它应该能让你更好地了解你所面临的错误。

我遇到了同样的潜在问题,错误如下:

ExpressionChangedAfterItHasBeenCheckedError:表达式已更改 检查之后。上一个值:“aria labelledby:null”。当前 value:'aria labelledby:mat-dialog-title-0'

我的对话框包含此标题指令:

<h1 mat-dialog-title>{{ model.title }}</h1>

Angular尝试应用 aria-labelledby 属性设置为对话框组件的父容器(mat dialog container)。如果从http加载在回调中打开对话框,则无法执行此操作。

在我的例子中,我是作为RxJS“管道”的一部分打开对话框并添加 delay(0) 在http get有效地执行“setTimeout”之后。

如。

const result = this.http.get(...).pipe(
                                       delay(0), 
                                       switchMap(response => {

   if (response.hasOverdueLibraryBook) {

       return this.dialogManager.openOverdueLibraryBookDialog();  // this is a mat-dialog
   }
   else 
   {
      return of(false);
   }

});