在angular 4中打开引导模式时获取ExpressionChangedAfterItHasBeenCheckedError

在Angular 4中，当打开引导模式时获取ExpressionChangedAfterItHasBeenCheckedError错误是由于Angular的变更检测机制引起的。这个错误通常发生在组件的生命周期钩子函数中，当在组件的ngAfterViewInit或ngAfterContentInit钩子函数中修改了绑定的属性值时，Angular会检测到变更，并尝试重新渲染组件。然而，如果在重新渲染之前，又有其他的变更被触发，就会导致ExpressionChangedAfterItHasBeenCheckedError错误的发生。

这个错误的原因是Angular的变更检测机制是基于脏检查的，它会在每个变更周期中检查组件的属性是否发生了变化。当组件的属性发生变化时，Angular会触发一系列的变更检测操作，包括重新计算组件的表达式、更新视图等。然而，如果在变更检测过程中又有其他的变更被触发，就会导致循环变更的问题，最终引发ExpressionChangedAfterItHasBeenCheckedError错误。

为了解决这个错误，可以使用Angular提供的ChangeDetectorRef服务来手动触发变更检测。在组件中注入ChangeDetectorRef服务，并在需要更新属性的地方调用它的detectChanges方法，这样可以确保变更检测在正确的时机进行，避免ExpressionChangedAfterItHasBeenCheckedError错误的发生。

另外，如果在引导模式下仍然遇到ExpressionChangedAfterItHasBeenCheckedError错误，可以考虑使用setTimeout函数来延迟执行属性的修改操作。通过将修改操作放在setTimeout函数中，可以将其放在下一个变更周期中执行，避免与当前变更周期冲突，从而解决ExpressionChangedAfterItHasBeenCheckedError错误。

总结起来，在Angular 4中打开引导模式时获取ExpressionChangedAfterItHasBeenCheckedError错误是由于Angular的变更检测机制引起的。为了解决这个错误，可以使用ChangeDetectorRef服务手动触发变更检测，或者通过setTimeout函数延迟执行属性的修改操作。