从api调用获取值后执行条件[重复]

Question

我正在开发一个 Angular 应用程序。我的 ngOnInit() 中有一个 API 调用和一个 if 语句，如下所示：

  ngOnInit() {
      this.myService.getData(id).subscribe(res => {
        if (res != null) {
            this.myId = res.id;
         }
      }
      
    if (this.myId == 2) {
        //execute my code
     }
    }

我面临的问题是，如果在我从 API 调用中获取 Id 的值之前执行了一条语句，那么我的代码将无法工作。我尝试将 if 语句放在 setTimeout 下并且代码有效。但我想有一些更好的解决方案，而不是使用 setTimeout。我该怎么做？

Answer 1

试试这个，

  ngOnInit() {
      this.myService.getData(id).subscribe(res => {
        if (res != null) {
            this.calculate(res.id);
         }
      }
 }
 calculate(id){
  if(id==2){
    //do something 
  }else{
    //do something else
  }
}

如果您的条件超出使用 switch case。