重新加载组件以供第二次使用后，无法重新订阅行为主体

Question

我读到您在删除组件时应始终取消订阅。在我的情况下，当另一个子路由被激活时，就会发生这种情况，因此另一个子组件取代了前一个组件。当我导航回第一个组件时，即使我再次订阅了行为主题，我也会收到错误object unsubscribed。防止此错误的唯一方法是从ngOnDestroy中删除取消订阅代码，但行为主体永远不会被取消订阅。所以我相当困惑。我应该什么时候退订？如果不是在删除子组件时，那么它是什么时候？这是我的代码：

export class TemperatureSettingsComponent implements OnInit, OnDestroy {
data: any;
temperatureForm: FormGroup;
monthlyTemperatureCurve: number[];
saveToLocalStorage:BehaviorSubject<any[]> = this.seedCalendarService.getSaveBehaviorSubject();
useImperialMeasureSystem: boolean = true;
options = {
responsive: false,
maintainAspectRatio: false
};
constructor(private fb: FormBuilder,
private seedCalendarService: SeedCalendarService,
private notificationService: NotificationService,
private dataStoreService: DataStoreService) {
this.saveToLocalStorage.subscribe(pair => {
if(pair[0] === DataType.MEASURE_SYSTEM_PREFERENCE){
this.useImperialMeasureSystem = pair[1]; 
}
});
this.temperatureForm = fb.group({
'january' : [''],
'february' : [''],
'march' : [''],
'april' : [''],
'may' : [''],
'june' : [''],
'july' : [''],
'august' : [''],
'september' : [''],
'october' : [''],
'november' : [''],
'december' : ['']
});
}
ngOnDestroy(){
this.saveToLocalStorage.unsubscribe();
}

您可以清楚地看到我正在构造函数中重新订阅 behaviorsubjet toLocalStorage，但似乎只允许子组件的第一个实例订阅和取消订阅。正在加载的子组件的每个连续实例都无法重新订阅，我发现这非常令人困惑，因为它是一个新实例。请澄清，谢谢。

Answer 1

如果您的子组件正在订阅父组件中的 BehaviorSubject，则一旦您离开父组件(又名(。 当它被破坏时。您的第一个孩子可能与您的父级在同一个 DOM 上，因此它不会受到影响，但您的第二个孩子可能不会受到影响，因此它无法访问此主题。

对此的解决方案是将 BehaviorSubject 保留在服务中，并让您的父/子订阅它。