Question

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

当用户注销（到另一个不同的路由）并立即使用其他用户登录（一个人可以保留两个用户）时，商店服务之前（旧用户）提供相同的数据，当我认为它应该收取新数据（新用户）。

我认为服务应该被销毁＆＃34;当用户注销因为服务观察器被销毁（在ngOnDestroy中）并且不需要注入以便再次构建服务。

我知道该组件可以通过另一种方法从服务中获取新的新数据，但我认为该服务已经应该从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来存储＆＃39;用户登录后有关当前用户的信息。服务在创建时自行检索该信息。在您登录时显示的组件中，您订阅了该BehaviorSubject以获取该用户数据，然后取消订阅该组件的ngDestroy，因此您希望该服务也将被销毁，以便在您登录时与其他人一起，将使用该新用户的信息重新创建该服务。

误解

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

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

解决方案

您有两个基本选项。实施最快的方法可能只是在组件级别提供服务。因此，如果您在服务的NgModule级别有供应商配置，请将其删除，并仅将其添加到您的组件。

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

所以，

@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;
})

Answer 2

我不确定这是否能解决您的特定问题，但是注入的服务是由Injector从提供者层次结构中获取的，因此您可以在NgModule级别注册提供者和/或注册它在Component级别。

@Component({
  // ...
  providers: [BusquedasStore]
  // ...
})
export class MyComponent {}

这意味着每次创建新组件时它都会收到一个新的服务实例（实际上它会在组件被销毁时销毁旧组件）;它会覆盖当前的NgModule BusquedasStore服务，如果你也在那里指定它。

有关详细信息，请参阅https://angular.io/docs/ts/latest/guide/hierarchical-dependency-injection.html

没有必要时，服务不会被销毁（或刷新，清理......）

2 个答案: