为什么AsyncPipe在{{}}和*ngIf中的计算结果不同

AsyncPipe在{{}}和*ngIf中的计算结果不同的原因是因为它们在Angular中的使用方式和计算时机不同。

首先，{{}}是Angular中的插值表达式，用于在模板中显示数据。当使用{{}}时，Angular会自动订阅Observable或Promise，并在数据到达时更新视图。因此，当使用AsyncPipe在{{}}中时，它会自动订阅Observable或Promise，并在数据到达时更新视图。

而ngIf是Angular中的结构指令，用于根据条件来添加或移除DOM元素。当使用ngIf时，Angular会在每次变更检测时计算条件表达式的值，并根据结果来添加或移除DOM元素。因此，当使用AsyncPipe在*ngIf中时，它会在每次变更检测时计算Observable或Promise的值，并根据结果来添加或移除DOM元素。

由于{{}}和ngIf的计算时机不同，导致AsyncPipe在它们中的行为也不同。在{{}}中，AsyncPipe会自动订阅Observable或Promise，并在数据到达时更新视图，因此可以直接在模板中使用AsyncPipe来显示异步数据。而在ngIf中，AsyncPipe会在每次变更检测时计算Observable或Promise的值，并根据结果来添加或移除DOM元素，因此不能直接在*ngIf中使用AsyncPipe来判断异步数据的真假。

总结起来，AsyncPipe在{{}}中用于显示异步数据，而在*ngIf中用于计算异步数据的真假，并根据结果来添加或移除DOM元素。在使用AsyncPipe时，需要根据具体的使用场景选择合适的方式来使用。