javascript - Angular 6 : async await some variable got it variable

Question

在我的 Angular 6 应用中，我有一个变量“permittedPefs”，它在 HTTP 调用(异步)

后获取值

 @Injectable()
 export class FeaturesLoadPermissionsService {
    permittedPefs = [];
    constructor() {       
       this.loadUserPefsService.getUserRolePefs(roleId)
                               .subscribe(
              (returnedListPefs) => {
                this.permittedPefs = returnedListPefs;
              },
              error => {
                console.log(error);
              });
    }
}

在另一种方法中，我使用相同的变量:permittedPefs

但由于它最初是空的，并且在这样的时间后获得了它的值(value)，所以我需要等待它重新使用它。

我试过使用async-await，我的目的是等待permittedPefs得到一个对象值

  async checkPefPresence(pefId) {
    const listPefs = await this.permittedPefs
  }

如何解决？？

Answer 1

由于 loadUserPefsService.getUserRolePefs 方法返回 Observable，您可以存储它并在以后需要时订阅它。

 @Injectable()
 export class FeaturesLoadPermissionsService {
     permittedPefs = [];
     constructor() {
         this.userRolePefsObservable = this.loadUserPefsService.getUserRolePefs(roleId);
     }
 }

 checkPefPresence(pefId) {
     let listPefs;
     this.userRolePefsObservable.subscribe(
         (returnedListPefs) => {
             listPefs = returnedListPefs;
         },
         error => {
             console.log(error);
         });
 }