因果报应测试失败,因为“expressionchangedafterithasbeencheckederror”

我也有同样的问题。通常,即使我在运行应用程序的控制台中得到了这个错误,它仍然不会使karma/jasmine测试失败(在这种情况下,我实际上并没有在apponly in karma中得到控制台错误)。

我不确定这是不是你的问题,但我的问题与我的使用方式有关。 ngStyle . 不确定 为什么? 这解决了问题,但我想我会把它添加到这里,让其他人寻找答案。

误差

当我这样做的时候,我得到了错误:

模板

<div [ngStyle]="{ 'width.px': (!checked ? widthValue : 0) }">Blah</div>

这个 widthValue 正在计算中 AfterViewInit .

我也尝试过这种格式(这也给了我错误):

<div [ngStyle]="{ 'width': (!checked ? widthValue : 0) + 'px' }">Blah</div>

解决方案

当我将逻辑切换到组件并在生成的样式对象中传递时,效果很好。

模板

<div [ngStyle]="labelWidth(checked)">Blah</div>

成分

labelWidth(checked: boolean): SafeStyle {
  return {
    width: `${(checked ? this.maxLabelWidth : 0)}px`,
  };
}