在angular2中同步嵌套订阅

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/mergeMap';

@Component({
  selector: 'app-example',
  template: `
    <div>{{ data }}</div>
  `
})
export class ExampleComponent implements OnInit {
  data: string;

  ngOnInit() {
    this.outerObservable()
      .flatMap(result => this.innerObservable(result))
      .subscribe(result => {
        this.data = result;
      });
  }

  outerObservable(): Observable<string> {
    // 外部Observable的逻辑
    return Observable.of('Hello');
  }

  innerObservable(data: string): Observable<string> {
    // 内部Observable的逻辑，可以使用外部Observable的结果作为参数
    return Observable.of(data + ' World');
  }
}