【问题标题】:*ngFor loop with async pipe?*ngFor 循环与异步管道?
【发布时间】:2018-01-08 23:21:14
【问题描述】:

阅读this article,它有一个像这样的ngFor循环:

*ngFor="let contact of contacts | async"

async 管道在这种情况下如何工作?

【问题讨论】:

  • angular.io/api/common/AsyncPipe。换句话说,它告诉组件在通过 RxJS 订阅发出新值时进行更新(而不是预先发送整个集合)。当组件被销毁时,它还会自动从 observable 中取消订阅该组件。

标签: javascript html angular


【解决方案1】:

异步管道提供来自可观察对象的最新值。在这种情况下(与其他情况一样),当新值出现在 observable 中时,它将刷新所涉及的数据。因此,如果屏幕呈现并且 observable 更新,ngFor 将重新呈现。

【讨论】:

  • 好的,这是否意味着contacts 是可观察的?如果我们使用async,那么 IIUC 也会在相应的 observable 更新时自动重新呈现联系人列表?
  • 只需再次阅读@ryanlutgen 链接的文档,似乎第一条评论就是这种情况。好的。似乎是一个非常好的工程天才。
  • 是的,是的。异步管道仅用于可观察对象,屏幕会自动更新
  • 非常感谢 - 还找到了一篇包含一些很好例子的文章,所以我会发布它以防其他人遇到这个主题:juristr.com/blog/2017/06/new-enhanced-ngIf-and-ngFor/…
猜你喜欢
  • 2020-01-15
  • 1970-01-01
  • 2019-10-04
  • 1970-01-01
  • 2016-02-18
  • 2018-02-03
  • 2018-04-18
  • 2018-07-26
  • 2019-08-31
相关资源
最近更新 更多