问题标签 [async-pipe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1260 浏览

angular - 为什么异步管道不检测 Angular 中的更改(但 component.ts 中的订阅可以)?

我正在使用角度的异步管道来监视来自 rxjs 商店的可观察对象。组件的 ngOnInit 看起来像这样

组件模板如下所示

用户登录后,页面消息为空字符串

在 component.ts 我添加了以下代码来调试问题

用户登录后,我收到一条警告说“新用户角色是管理员”,但是,html 模板中的管道没有更新。

当我使用 of() 将商店 select() 替换为虚拟值时,一切都按预期工作,所以我很确定问题与 rxjs 有关。

auth reducer(正在触发)看起来像这样(

我已经尝试确保从 ngZone.run() 内部调度 UserProfileRetrieved 操作,但这并没有什么不同。我真的不知道如何进行调试。任何指针将不胜感激。谢谢!

0 投票
0 回答
381 浏览

angular - Ionic 5 - 离子内容中的异步

我在返回 Observable 的 Ionic 5 应用程序的服务中使用了一个简单的 http get 请求。当我在模板中使用带有 ion-content 内的异步管道的 Observable 时,ChangeDetection 无法处理 Observable 的数据更新:

如果我在 ion-content 之外使用异步管道

ChangeDetection 工作正常。

有什么(配置?)我失踪了吗?

0 投票
2 回答
942 浏览

angular - 更新异步管道中使用的 observable 的一部分

我们有一个页面,其中有多个部分。每个部分可以有一张卡片或一张桌子。一个 observable 使用异步管道在 html 中绑定数据。现在我需要更新其中一个表而不刷新整个 observable。

HTML就像:

现在的问题是当我尝试使用 updateTable [当用户更改 tablePerodID] 为表加载数据时,它什么也不做。我已经尝试过.next(),但它会更新整个section$. 无论如何我只能更新表格吗?

0 投票
2 回答
1160 浏览

angular - Angular 异步管道重新订阅

我对 Angular 异步管道的理解是在 HTML 模板中为您订阅一个公开的 Observable。例如

零件

模板

我的理解是 HttpClient Observable 将发出以下事件以获得成功:

和错误

当一个 observable 发出一个完成的事件时,订阅就关闭了。

因此,如果您订阅了像 Angulars HttpClient Observable 这样的冷 observable,您如何重试该 HttpClient 请求?

异步操作员进行初始订阅,但一旦冷可观察完成就会关闭,如果您想再次执行异步操作员,如何让异步操作员重新订阅?例如,如果您想刷新数据。

0 投票
1 回答
441 浏览

angular - 如何在 Angular 中正确链接依赖的异步管道

我的代码中有 3 个异步管道。

组件.ts

服务返回的实际数据如下

现在 this.formatedData$ 如下

现在 this.totalStatusData$ 如下

现在 $totalPercentageData 如下

从实际服务数据开始,如何在不破坏 Observable 链的情况下将这些 Observable 链接到 One 而不是 One。

0 投票
1 回答
106 浏览

angular - 使用带有“||”的异步管道 操作员无法正常工作

我想使用带有“||”的异步管道 运营商,但我不知道如何。例如:

0 投票
1 回答
46 浏览

angular - 用于 ngIf 和传递数据的 AsyncPipe

在多个绑定中使用 AsyncPipe 是不好的做法吗?我有一个带有 observable 的组件,我将它与 *ngIf 一起用作数据输入,就像这样

它按预期工作,我只是想知道这是否是一种好的做法,因为我是 Angular 的新手

0 投票
1 回答
195 浏览

angular - 显示使用异步管道呈现的基于计时器的可观察对象的加载指示器

我有一个角度 http 请求,我使用 rxjs 计时器进行了自动刷新...

我在我的模板中使用异步管道在 if else 中显示这个 observable 以在它完成之前显示一个加载指示器......

这很好用。但是当计时器每 10 秒触发一次时,我希望加载模板再次显示,直到 http 请求完成。我想我需要一种方法来形成这个 rxjs 表达式,以便每 10 秒它立即发出一个 null 或其他东西,然后执行请求,然后发出请求响应对象。

0 投票
1 回答
104 浏览

javascript - 从应用程序组件(异步管道)发送“用户”可观察对象时出错

这是我的 App.component.ts 文件,我从中将“用户”可观察对象作为输入发送到“标题”组件。


以下是 App.component.html 文件


以下是我的 header.component.ts 文件


问题是我在我的标头组件中正确获得了价值,但可能是由于以下错误,我的应用程序无法正常工作

请帮助我我在 App.component.ts 中找不到任何问题,因为“用户”已经是可观察的

0 投票
2 回答
1191 浏览

angular - 在Angular中使用异步管道时如何设置选择元素的空值和默认值

我正在尝试在我的 Angular 应用程序中使用异步管道,这在我的 Typescript 文件中:

和 HTML 文件:

我有两个问题:

  1. 如何将选择的默认值设置为 mySupplierList 中的第一个或最后一个供应商?

  2. 如何添加一个空的供应商项目作为选择的第一个元素?