引起ExpressionChangedAfterItHasBeenChecked的可观察性

ExpressionChangedAfterItHasBeenChecked的可观察性是指在Angular框架中的一个警告，它表示组件中的表达式在Angular的变更检测周期中发生了变化。这个警告是由于数据绑定机制引起的。

在Angular的变更检测过程中，首先会进行组件的属性更新，然后会检查组件模板中的表达式是否发生了变化。如果表达式的计算结果发生了变化，而这个变化又触发了新的变更检测循环，就会引发ExpressionChangedAfterItHasBeenChecked的警告。

这个警告的原因是为了避免无限循环的变更检测，因为表达式的变化可能会导致其他组件属性的变化，进而可能再次引发表达式的变化，形成死循环。

要解决这个警告，我们可以采用以下几种方法：

1. 使用setTimeout延迟执行：通过在setTimeout中执行表达式的变更，可以将其放在变更检测周期之后执行，避免触发新的变更检测循环。
2. 使用ChangeDetectorRef.detectChanges方法：通过手动调用ChangeDetectorRef的detectChanges方法，可以强制立即检测组件的变化，并更新模板中的表达式。
3. 使用ngAfterViewInit生命周期钩子：将表达式的变更放在ngAfterViewInit生命周期钩子中，这样可以确保在视图初始化之后再进行变更。
4. 修改组件逻辑：在一些特殊情况下，可能需要重新审视组件的逻辑，避免在变更检测周期中产生不必要的变化。

总结起来，ExpressionChangedAfterItHasBeenChecked的可观察性是Angular框架中一个警告，提示我们在变更检测周期中避免无限循环的变更。通过使用setTimeout、ChangeDetectorRef.detectChanges、ngAfterViewInit生命周期钩子或者修改组件逻辑，可以解决这个警告。