Angular 路由组件没有得到更新销毁并再次加载

Question

我遇到了 angular 2+ 的问题，当一个组件被加载然后更改为另一个路由，然后再次加载时。

我得到了以下加载数组的代码，该数组随后被加载到 ngFor。

this.sub = this.subjectsService.getAllSubjects().subscribe(subjects => {
  this.subjects = subjects;
});

如果我在第一次加载时添加了一个项目，它会正确加载，但如果我更改到另一个组件然后返回，然后添加一个项目，那么添加的值不会添加到列表中。

我检查过数组已在订阅中重置，但不知何故 angular 没有触发 html 更新。知道为什么会这样吗？

Answer 1

如上面评论中所述，您需要退订。这里有一个简单的例子可以提供帮助。

import { OnDestroy } from '@angular/core';


class XXXXXX implements OnDestroy {

  ngOnDestroy() {
    this.sub.unsubscribe();
  }
}