Angular加载动态组件异常：Expression Changed After...

Question

使用动态组件加载的时候抛出异常：Angular 2 Expression Changed After It Has Been Checked Exception。
参考的 angular.io 上面的动态组件部分写的代码，不知道为啥抛除了这个错误。哪位大神帮忙看下。

Answer 1

在加载动态组件时遇到 Angular 抛出这个异常，我在代码中的解决方案：

this.cdr.detach(); // 停止检测
let componentRef = viewContainerRef.createComponent(componentFactory);
(<ModalBodyComponent>componentRef.instance).data = this.config.data;
setTimeout(() => this.cdr.reattach()); // 待组件动态加载完之后重新 attach

detach() 方法的文档：
Detaches the change detector from the change detector tree.