我有一个简单的场景，但就是不能让它工作！
在我看来，我在一个高度有限的框中显示一些文本.
文本正在从服务器获取，因此当文本进入时视图会更新.
现在我有一个"展开"按钮，它有一个ngIf，如果框中的文本溢出，它会显示按钮.
问题是，由于文本在获取时会发生变化，"展开"按钮的条件在Angular的变化检测完成后变为true...
所以我得到这个错误:Expression has changed after it was checked. Previous value: 'false'. Current value: 'true'.
显然，按钮没有显示...
see this 100(判断控制台以查看错误…)
你知道怎么做吗？
发生此错误的原因是您在dev mode中:
In dev mode change detection在每次常规的change detection运行后增加一个回合，以判断模型是否已更改.
因此，为了强制更改检测运行下一个滴答声，我们可以这样做:
export class App implements AfterViewChecked {
show = false; // add one more property
constructor(private cdRef : ChangeDetectorRef) { // add ChangeDetectorRef
//...
}
//...
ngAfterViewChecked() {
let show = this.isShowExpand();
if (show != this.show) { // check if it change, tell CD update view
this.show = show;
this.cdRef.detectChanges();
}
}
isShowExpand()
{
//...
}
}