时间戳

首页 > 解决方案 > RxJs 不更新 UI 绑定数组变量

angular - RxJs 不更新 UI 绑定数组变量

问题描述

在使用 rxjs 库订阅主题时，我在控制台中获取了发出的数据，但是用于迭代的相应 UI 绑定列表和数据长度计数器没有得到更新。我已经编写了所需的控制台日志语句，表明 rxjs 正在发出数据并且设置所需的变量更改没有反映在 UI 中。

https://stackblitz.com/edit/observablesrxjs

标签： angularrxjs

解决方案

看起来像不朽的“什么是this”JavaScript 问题。将方法更改next为箭头函数有帮助：而不是

  next(data: Lesson[]) {

宣布他们

  next = (data: Lesson[]) => {

https://stackblitz.com/edit/observablesrxjs-9ofh84?file=src/app/lessons-list/lessons-list.component.ts

（不要问我为什么，不过，我个人没有使用过这种“组件是观察者”模式）。

推荐阅读