事件发生后如何重绘html

Question

当我从组合框中更改选择时，变量“步骤”将发生变化，这会使 html 发生如下变化。

<component-item *ngFor="let step of steps ; let i = index" title={{step.title}} ></component-item>

但是当“steps”变量通过事件触发器发生变化时，我会收到错误消息。 错误：ViewDestroyedError：尝试使用已破坏的视图：detectChanges

我尝试了分离和检测更改，但仍然收到此消息。如何重绘 html？

Answer 1

我不确定，因为您只显示了部分代码，但看起来组件正在被销毁，但您尚未取消订阅 observable。

尝试在你的组件中实现OnDestroy并添加一个函数

ngOnDestroy(){
//unsubscribe from your observable for instance if you subscription is called "subs"
this.subs.unsubscribe()
}