Angular 中的子组件问题

Question

这是我的项目：https://stackblitz.com/edit/planificador?file=src/app/planificador/components/resumen/resumen.component.ts

我有一个 MainContentComponent（父组件），其中有几个子组件

现在我看到在 ContratosComponent 中完美地获得了 proyectoId 但在 ResumenComponent 中我得到了 undefined

有什么想法吗？

Answer 1

我 运行 stackblitz 似乎两个组件都正确 returned proyectoId - 所以我认为它可能也取决于其他一些东西并且不容易复制？

您的问题可能是 proyecto$ 可观察值来自 BehaviourSubject。这意味着如果没有值被推送到那个主题，它将发出 null。

您的 ngIf <div *ngIf="proyecto$ | async as proyecto"> 将在 observable 发出后立即 return 为真。因此，如果没有 proyecto 被推送到 BehaviourSubject，它将 return 为真，而 proyecto 将为空。这可能是您遇到问题的原因。

同样，这很难说，因为似乎有一些竞争条件导致问题并不总是发生。