等待服務的構造函數中的訂閱

Question

在我的服務中，我想等到本地變量baseurl沒有被初始化，然后再發出另一個http請求。

以下是我的服務代碼：

@Injectable()
export class CoursesService  {
  baseUrl;
  constructor(private http: Http) {
    if(this.baseUrl != undefined){
      this.getJSON().subscribe(data =>
        this.baseUrl=data, 
        error => console.log(error)
      );
    }
}

public getJSON(): Observable<any> {
  return this.http.get("assets/apiDetails.json")
                  .map((res:any) => res.json());
}

getCourses(){
  return this.http.get(this.baseUrl+"/courses")
    .map((res:any) => res.json());
  }
}

正如你所看到getCourses方法使用baseUrl變量，所以我會打電話getCourses方法，我想等到baseUrl未初始化。

我曾嘗試使用ngOnInit但它不會在Injectable類中調用。

Answer 1

將baseUrl變為您share()的Observable share() （這么多調用可以使用相同的結果 - 它使可觀察的熱點 ）並在您的其他調用中使用。 這樣的事情應該有效：

import 'rxjs/add/operator/share';
import 'rxjs/add/operator/map'
import 'rxjs/add/operator/mergeMap'
// ...

@Injectable()
export class CoursesService {
  baseUrl$: Observable<string>;

  constructor(private http: Http) {
      this.baseUrl$ =
          this.getJSON()
              .share()
  }

  public getJSON(): Observable<any> {
      return this.http.get("assets/apiDetails.json")
         .map((res: any) => res.json());
  }

  getCourses(): Observable<YourCourseType[]> {
      return this.baseUrl$
          .mergeMap(url => {
              return this.http.get(url + "/courses")
                  .map((res: any) => res.json());
          });
  }
}