angular - 不需要时服务不会被破坏(或刷新、清理......)

Question

我有一个注入(inject)服务的组件(我的数据存储)，它从其他 http 服务提供数据。您可以通过延迟加载路由配置(loadChildren)访问该组件。

当用户注销(到另一个不同的路线)并立即以不同的用户登录(一个人可以拥有两个用户)时，存储服务在(旧用户)之前提供相同的数据，当我认为它应该收取新数据(新用户)。

我认为当用户注销时服务应该被“销毁”，因为服务观察者被销毁(在 ngOnDestroy 中)并且注入(inject)不是必需的，因为服务会再次构建。

我知道组件可以通过另一种方法从服务获取新的新鲜数据，但我认为服务应该已经从 Constructor-ngOnInt 获取数据。问题是服务没有被破坏，被清除......并且数据仍然来自旧用户。

这是我的代码。

组件

constructor(
public busquedasStore: BusquedasStore) { }

ngOnInit() {
 this.busquedasSubs = this.busquedasStore.busquedas.subscribe(b => {
   this.busquedas = b;
})

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

服务

import { Injectable } from "@angular/core";
import { Observable } from "rxjs/Observable";
import { BehaviorSubject } from "rxjs/BehaviorSubject";
import { UserService } from '../../core/user.service';

@Injectable()
export class BusquedasStore {

busquedas$: BehaviorSubject<{}[]> = new BehaviorSubject([]);

constructor(
 public userService:UserService
)  {
 this.cargarDatosIni();
}

cargarDatosIni() {
 this.userService.me().subscribe((res) => {
   let busquedas:{}[] = res.user.busqueda;
   this.busquedas$.next(busquedas);
 },err => {
   console.log(err);
 });
}

get busquedas(): Observable<{}[]> {
 return this.busquedas$;
}

Answer 1

由于您的代码中的项目名称是西类牙语，我没有额外的上下文，但我可以了解您正在做的事情的要点。

您当前的实现

您的服务使用 BehaviorSubject 在用户登录后“存储”有关当前用户的信息。服务在创建时自行检索该信息。在您登录时显示的组件中，您订阅该 BehaviorSubject 以获取该用户数据，然后您取消订阅该组件的 ngDestroy，因此您希望该服务也将被销毁，因此当您登录时与其他人一起，将使用该新用户的信息重新创建服务。

误会

不幸的是，当涉及到 BehaviorSubjects 时，您对 subscribe 和 unsubscribe 的理解是不准确的，这(部分)是您没有得到预期行为的原因。一个 BehaviorSubject 可以同时支持许多不同的订阅者，因此，一个订阅者取消订阅它不会导致它停止生成值(或清除它已经生成的任何现有值)。

另一个误解是关于如何创建和销毁服务。如果一个服务是由 NgModule 提供的，它只会被创建一次，之后就永远不会重新初始化。但是，如果您在组件级别提供服务，则服务共享提供它的组件的生命周期，并将与组件同时创建和销毁。

解决方案

您有两个基本选择。最快的实现可能是仅在组件级别提供您的服务。因此，如果您在 NgModule 级别为您的服务提供了 provider 配置，请将其删除，然后仅将其添加到您的组件中。

第二个选项，我认为可能是更好的长期选项，是更改您的服务，使其不在其构造函数中获取用户信息，而是让组件进行该调用。这样，每当新用户登录时，都会进行新的调用以获取用户信息，并且服务将始终反射(reflect)当前用户的信息。

所以，

@Injectable()
export class BusquedasStore {

busquedas$: BehaviorSubject<{}[]> = new BehaviorSubject([]);

constructor(
 public userService:UserService
)  {
 //this.cargarDatosIni();  <-- remove this line
}

......

在你的组件中，

ngOnInit() {
 this.busquedasStore.cargarDatosIni();   // <--- add your service initialization call
 this.busquedasSubs = this.busquedasStore.busquedas.subscribe(b => {
   this.busquedas = b;
})