等待方法执行，然后在Angular中执行下一个代码

Question

我正在尝试在订阅方法之外使用requestDetails变量，但它显示“未定义”

服务

  requestDetails$ = new Subject<any>();
  updateApprovalMessage(message: string) {
  this.requestDetails$.next(message)
  }

。TScomponent.ts

requestDetails:any

this.technicalRequestService.requestDetails$.subscribe(data=>{
this.requestDetails=data
console.log(this.requestDetails)
//here it is printing
}
console.log(this.requestDetails)
//but its is showing undefined

Answer 1

请注意，首先记录的不确定是如何的？

那是因为您的回调函数尚未被调用。如果要在this.requestdetails = Data之后执行代码，则必须在功能中进行。您当然也可以从这里调用其他方法。

ngOnInit() {
  this.technicalRequestService.requestDetails$.subscribe(data=>{
    this.requestDetails=data;
    console.log(this.requestDetails);
    afterSettingRequestDetails();
  }
}

afterSettingRequestDetails(){
  console.log(this.requestDetails);
}

---

或者，如果您喜欢async/等待，

async ngOnInit() {
  this.requestDetails = await firstValueFrom(this.technicalRequestService.requestDetails$);
  console.log(this.requestDetails);
}

但这只会触发一次，对单个请求有用，但无用。