试图从 subscribe() 获取 json 数据 - Angular 7.x

Question

我有一个 Angular 7.x 应用程序 - 我有在服务中调用 function 的组件 - 这向后端端点发出 GET 请求并返回一组用户；

我能够看到订阅中的数据（我在其中使用了 console.log） - 但是我无法在 subscribe() 之外使用数据 - 如何从this.userAccessList访问数据

// top of component
public userAccessList: Array<any> = [];

checkAccess(): void {
    this.chatMessagesService.getListWithAccessToPage()
      .subscribe(json => {
        console.log(json); // can see this in the console in the browser
        this.userAccessList = json;
      });

    console.log('userAccessList', this.userAccessList); // appears as  an  empty array
}

Answer 1

我们在这里处理异步请求。所以，console.log('userAccessList', this.userAccessList); 可以在 api 调用完成之前执行。 因此，它可能在那个时候不可用。

如果要在模板中使用此值，请先检查该值是否存在，如下所示。

<span *ngIf="userAccessList"> <!-- Do stuff --> </span>