事件发生后如何重新绘制HTML

Question

当我从组合框更改选择时，变量“ steps”将更改，并且使html如下所示更改。

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

但是当“ steps”变量被事件触发器改变时，我得到了错误消息。 错误：ViewDestroyedError：尝试使用被破坏的视图：detectChanges

我尝试分离并检测更改，但仍然收到此消息。如何重新绘制HTML？

Answer 1

我不确定，因为您只显示了一部分代码，但看起来该组件已被破坏，但您尚未取消订阅该可观察项。

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

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