Angular 5，rxjs-在运行另一个进程之前，仅在运行过程中等待observable完成

Angular 5是一种流行的前端开发框架，它基于TypeScript构建，并提供了丰富的工具和功能来简化Web应用程序的开发过程。Angular 5使用了一种称为rxjs的库来处理异步操作和事件流。

rxjs是一个用于处理异步数据流的库，它提供了一种基于观察者模式的编程风格。在Angular中，rxjs常用于处理HTTP请求、用户输入、定时器等异步操作。它通过使用Observable对象来表示异步数据流，并提供了一系列操作符来转换、过滤和组合这些数据流。

在运行另一个进程之前，我们可以使用rxjs的操作符来等待observable完成。其中最常用的操作符是toPromise()和first()。

1. toPromise()操作符将一个Observable对象转换为Promise对象。通过调用toPromise()方法，我们可以等待Observable完成并返回结果。例如：

import { Observable } from 'rxjs';

const observable = new Observable(observer => {
  setTimeout(() => {
    observer.next('Hello');
    observer.complete();
  }, 1000);
});

const promise = observable.toPromise();
promise.then(result => {
  console.log(result); // 输出：Hello
});

在上面的例子中，我们创建了一个Observable对象，它在1秒后发出一个值并完成。通过调用toPromise()方法，我们将Observable转换为Promise，并使用then()方法来等待Observable完成并获取结果。

1. first()操作符用于获取Observable的第一个值并完成。如果Observable没有发出任何值，则可以提供一个默认值作为参数。例如：

import { Observable } from 'rxjs';

const observable = new Observable(observer => {
  setTimeout(() => {
    observer.next('Hello');
    observer.complete();
  }, 1000);
});

observable.first().subscribe(result => {
  console.log(result); // 输出：Hello
});

在上面的例子中，我们创建了一个Observable对象，它在1秒后发出一个值并完成。通过调用first()方法，我们订阅Observable并等待第一个值的到来。

需要注意的是，以上只是rxjs操作符的两个示例，rxjs提供了丰富的操作符来处理各种异步场景，具体使用哪个操作符取决于具体的需求。

关于Angular 5和rxjs的更多信息，您可以参考以下链接：

• Angular 5官方网站：https://angular.io/
• rxjs官方文档：https://rxjs.dev/