Angular：全局变量在订阅函数内没有改变

Question

我在使用 TypeScript 在 Angular 7 中更改全局变量时遇到问题。

我正在使用一项通过 Restful API 从数据库收集 JSON 数据的服务

服务：

export class myService {
  constructor(private client : HttpClient) { }

  dossierSubject = new Subject();
  private dossiers : any[];

  getExtract(){
    this.client.get<any[]>('http://localhost:9090/dossiers')
    .subscribe(
      (response) => {
        console.log("Data acquisition in progress");
        this.dossiers = response;
        this.emitDossierSubject();
        console.log('Received data ' + response);
      },
      (error) => {
        console.log('Error ! : ' + JSON.stringify(error));
      }
    );
  }

   emitDossierSubject(){
    this.dossierSubject.next(this.dossiers.slice());
  }

MyService 运行良好，我可以获取我正在寻找的数据， 然后我将服务调用到组件中

组件

 export class tabComponent implements OnInit {

  constructor(private dossierService : myService) { }

  private dossierSubscription : Subscription;
  private listeDossiers : any[];

  ngOnInit() {
    this.spinnerStatus = true;
    this.dossierService.getExtract();
    this.dossierSubscription = this.dossierService.dossierSubject.subscribe(
      (dossiers : any[]) => {
        this.listeDossiers = dossiers;
        console.log(listeDossiers); //dossiers [object][object]
        this.spinnerStatus = false;
      }
    );
    console.log('Received data : '+ this.listeDossiers);  //undefined
  }

拜托，我想知道为什么我的全局变量“listeDossiers”只在订阅函数内改变。

我尝试使用“listeDossier”的主题并在我更改订阅内的变量后刷新它，但没有成功。

感谢您的帮助。

Answer 1

我认为console.log(listeDossiers); 应该是console.log(this.listeDossiers);

subscribe 之外的 console.log 将被调用，但不会等待 http 请求，您尝试将其打印为 ngOnInit() 函数的一部分而无需等待，但它仅在 subscribe 内你实际分配它