问题标签 [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.
angular - 为什么异步管道不检测 Angular 中的更改(但 component.ts 中的订阅可以)?
我正在使用角度的异步管道来监视来自 rxjs 商店的可观察对象。组件的 ngOnInit 看起来像这样
组件模板如下所示
用户登录后,页面消息为空字符串
在 component.ts 我添加了以下代码来调试问题
用户登录后,我收到一条警告说“新用户角色是管理员”,但是,html 模板中的管道没有更新。
当我使用 of() 将商店 select() 替换为虚拟值时,一切都按预期工作,所以我很确定问题与 rxjs 有关。
auth reducer(正在触发)看起来像这样(
我已经尝试确保从 ngZone.run() 内部调度 UserProfileRetrieved 操作,但这并没有什么不同。我真的不知道如何进行调试。任何指针将不胜感激。谢谢!
angular - Ionic 5 - 离子内容中的异步
我在返回 Observable 的 Ionic 5 应用程序的服务中使用了一个简单的 http get 请求。当我在模板中使用带有 ion-content 内的异步管道的 Observable 时,ChangeDetection 无法处理 Observable 的数据更新:
如果我在 ion-content 之外使用异步管道
ChangeDetection 工作正常。
有什么(配置?)我失踪了吗?
angular - 更新异步管道中使用的 observable 的一部分
我们有一个页面,其中有多个部分。每个部分可以有一张卡片或一张桌子。一个 observable 使用异步管道在 html 中绑定数据。现在我需要更新其中一个表而不刷新整个 observable。
HTML就像:
现在的问题是当我尝试使用 updateTable [当用户更改 tablePerodID] 为表加载数据时,它什么也不做。我已经尝试过.next()
,但它会更新整个section$
. 无论如何我只能更新表格吗?
angular - Angular 异步管道重新订阅
我对 Angular 异步管道的理解是在 HTML 模板中为您订阅一个公开的 Observable。例如
零件
模板
我的理解是 HttpClient Observable 将发出以下事件以获得成功:
和错误
当一个 observable 发出一个完成的事件时,订阅就关闭了。
因此,如果您订阅了像 Angulars HttpClient Observable 这样的冷 observable,您如何重试该 HttpClient 请求?
异步操作员进行初始订阅,但一旦冷可观察完成就会关闭,如果您想再次执行异步操作员,如何让异步操作员重新订阅?例如,如果您想刷新数据。
angular - 如何在 Angular 中正确链接依赖的异步管道
我的代码中有 3 个异步管道。
组件.ts
服务返回的实际数据如下
现在 this.formatedData$ 如下
现在 this.totalStatusData$ 如下
现在 $totalPercentageData 如下
从实际服务数据开始,如何在不破坏 Observable 链的情况下将这些 Observable 链接到 One 而不是 One。
angular - 使用带有“||”的异步管道 操作员无法正常工作
我想使用带有“||”的异步管道 运营商,但我不知道如何。例如:
angular - 用于 ngIf 和传递数据的 AsyncPipe
在多个绑定中使用 AsyncPipe 是不好的做法吗?我有一个带有 observable 的组件,我将它与 *ngIf 一起用作数据输入,就像这样
它按预期工作,我只是想知道这是否是一种好的做法,因为我是 Angular 的新手
angular - 显示使用异步管道呈现的基于计时器的可观察对象的加载指示器
我有一个角度 http 请求,我使用 rxjs 计时器进行了自动刷新...
我在我的模板中使用异步管道在 if else 中显示这个 observable 以在它完成之前显示一个加载指示器......
这很好用。但是当计时器每 10 秒触发一次时,我希望加载模板再次显示,直到 http 请求完成。我想我需要一种方法来形成这个 rxjs 表达式,以便每 10 秒它立即发出一个 null 或其他东西,然后执行请求,然后发出请求响应对象。
javascript - 从应用程序组件(异步管道)发送“用户”可观察对象时出错
这是我的 App.component.ts 文件,我从中将“用户”可观察对象作为输入发送到“标题”组件。
以下是 App.component.html 文件
以下是我的 header.component.ts 文件
问题是我在我的标头组件中正确获得了价值,但可能是由于以下错误,我的应用程序无法正常工作
请帮助我我在 App.component.ts 中找不到任何问题,因为“用户”已经是可观察的
angular - 在Angular中使用异步管道时如何设置选择元素的空值和默认值
我正在尝试在我的 Angular 应用程序中使用异步管道,这在我的 Typescript 文件中:
和 HTML 文件:
我有两个问题:
如何将选择的默认值设置为 mySupplierList 中的第一个或最后一个供应商?
如何添加一个空的供应商项目作为选择的第一个元素?