问题标签 [async-pipe]

角度专家！我试图理解 Angular 中的异步管道，但我陷入了一个基本场景。我在 UI 中有两个选择元素，一个包含帖子，一个包含相关评论。我想为显示帖子的选择元素设置一个帖子（最后一个）作为最初选择的一个，并且我想使用所选项目来过滤第二个选择中的相关评论。这在我的代码中不起作用，为此我在 Stackblitz 中创建了一个简化版本：

https://stackblitz.com/edit/angular-p6ynuy

你们中的任何人都可以向我解释我做错了什么吗？这是相关的代码片段和 HTML：

我使用带有 observable 的异步管道在 Angular 中实现了我的搜索。我将 observable 分配给使用 switchmap 完成的搜索 observable。但它不起作用！我认为这与一个分配覆盖另一个有关。但是我需要在开始搜索之前显示一些数据（反正谁不会。）我试图通过先分配数据然后搜索来反转它，但是没有显示任何数据，它只在我开始输入时才有效。

所以我的问题是如何修复它，以便我可以拥有搜索功能并在开始时仍然显示一些数据。使用异步管道而不订阅组件

以及使其更清晰的场景>在组件初始化时，我想向服务器发出请求并获取初始数据显示它。并且还通过向服务器发出另一个请求，将我相同的可观察对象“分配”给用户键入要搜索的条件的输入。

任何帮助表示赞赏

类似的问题，但没有具体的答案和不推荐使用的 rxjs 运算符

Angular2 - 在初始化时使用 Switchmap 从服务中获取数据

编辑为

authState$ is an Observable variable of type

User property is initiated on ngrx effect init if the user is authenticated.

the error is that the code below in template return cannot read property fullName of undifined

I tried this solution

but it turned out that it doesn't listening for changes and I have to reload the page

我有一个服务，它返回登录用户的权限作为记录。所需的 observable 在我的 ts 文件中定义为成员变量：

调用服务时，我传递了要检查的授权数组。在这个例子中，我只检查权限“updateInterval”：

从服务返回的记录具有要检查的授权作为密钥。该值显然可以是真或假。我现在想从我的模板文件中访问记录，如下所示：

实际上它工作正常，但我在控制台中看到一个错误。

我不确定我的代码是否正确。如何使用模板中的异步正确访问可观察对象“内部”的记录？

我想将一个值传递给子组件。这个值是一个 Observable，所以我使用异步管道。

test$ 只是一个普通的可观察变量，它会在一段时间（3000 毫秒）后发出值，模拟对服务器的 API 请求。

在子组件中，我只想检查test值

我不想更改测试类型Observable并订阅它。我想直接接收最终值。而且我根本不想修改编辑组件。

使用ChangeDetectorRef手动触发变化检测器不是

我还制作了这个stackblitz来检查所有组件钩子之间的值变化。

我正在从数据库中提取数据，然后在组件和子组件中显示该数据。在该子组件中，有一个弹出窗口，用户可以在其中编辑数据。编辑该数据时，更改不会反映在显示的数据中。我相信这是因为我使用异步管道将此数据传递给子元素。

我可以避免使用异步管道，但这会导致错误，因为我使用依赖于这些数据的 ngIf 语句。

来自 AngularJS，这很容易，因为我只需在子指令中使用父工作区。我在这里想念什么？

父组件 - userInfo 是正在处理的数据

显示数据的子组件部分

在此子视图中打开并编辑对话框时，我尝试设置数据。它应该在绑定时自动更新。

我有 2 个从 Firebase 返回数据的可观察对象，无论我使用哪种类型的组合运算符（forkJoin、CombineLatest 等），异步管道都不会接收数据。

我有一个 AuthService，它有一个从 Firebase 实时数据库初始化用户的方法：

CurrentUser 设置为带有 getter/setter 的主题：

在消费组件中：

并在模板中：

现在，这是奇怪的部分。如果我将initUser方法更改为不合并来自 firebase 的 observables，而是单独获取它们（并将用户配置文件和帐户设置为单独的操作），那么就async可以了。像这样：

然后异步管道工作。

我尝试将forkJointoCombineLatest和zip. 我也试过移除，pipe(first())但async管道从来没有工作过。

为什么是这样？

异步或我的代码有什么问题，或者我对异步如何工作的理解......？

我想要做的是获取按钮的引用以模拟单击事件，我的主要问题是按钮未呈现导致组件未检测到那时应该填充的列表的更改.

这是我的单元测试代码：

这是 HTML 中的 *ngIf 部分：在 此处输入图像描述

这是在主组件中视图初始化之后调用的服务：

我只想知道如何告诉 Angular 案例已经有一些模拟数据并通知组件重新渲染，以便能够访问它在 *ngIf 中的按钮，我一直在尝试一切，fakeAsync() 使用滴答功能，异步使用完成功能，但没有任何效果。

伙计们，我现在对此几乎停滞不前。我正在使用一个小型服务从 API 获取详细信息，并返回一个 JSON 对象。我将其作为服务方法中的 Observable 返回；然后在创建类时用它初始化局部组件变量“sateliteData$”。

在 HTML 中，我尝试使用 | 异步管道处理自动更改检测，因为来自此 API 的值每秒都在更改。但是在查看我的应用程序时，它会获取第一组值并将它们显示到屏幕上，但从不更新它们。

您必须手动刷新页面以获取不同的值，这是我试图通过使用 Observables 和 | 来避免的。异步管道。

我在网上阅读了很多，我所做的一切似乎都与其他人所做的相匹配。我只是无法弄清楚这一点，并且非常感谢有人花时间为我看看这个。

请参阅下面的代码屏幕截图。

多谢你们。

我正在尝试使用 Rxjs 映射来自 API 的响应，如下所示

在服务中，我有以下

在我的组件中，我想将响应映射到以下 observables

这样我就可以data$在我的模板中使用异步管道绑定我的 observable，如下所示