Angular路线组件无法更新,无法销毁并重新加载

时间:2019-03-24 15:18:42

标签: angular typescript angular5 observable ngrx

在加载组件然后更改为另一路径然后再次加载时,我遇到了角度2+的问题。

我得到了下面的代码,加载了一个数组,然后将其加载到ngFor中。

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

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

我已经检查了数组是否在订阅中重置,但是以某种方式角度不会触发html更新。为什么会这样?

1 个答案:

答案 0 :(得分:1)

如上面评论中所述,您将要退订。这是一个帮助您的简单示例。

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


class XXXXXX implements OnDestroy {

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