虽然Günter Zöchbauer的回答总体上是好的，但我不认为它强调了在处理角度分量时，您几乎总是希望使用Observable，因为它支持取消。承诺不能取消，即使您的组件被破坏，承诺也会得到解决。Angular倾向于宽容，直到不宽容为止。

例如，对损坏组件的任何手动更改检测都会导致异常：

ngOnInit() {
  // Promise API
  this.service.getData().then(d => {
     this.data = d;
     this.changeDetectorRef.detectChanges();
  });

  // Observable API
  this.service.getData().pipe(takeUntil(this.unsubscribe)).subscribe((d) => {
     this.data = d;
     this.changeDetectorRef.detectChanges();
  });
}

如果您的组件在promise解析之前被销毁，那么在promise被解析时，您将尝试使用已销毁的视图错误。

或者，如果您在takeUntil模式中使用可观测值，那么一旦您的组件被破坏，订阅就会被取消。

这是一个有点做作的例子，但为被破坏的组件执行代码可能会导致错误。

在第一次阅读教程和文档时，我遇到了一个不明显的问题，那就是多播的想法。

确保您知道默认情况下，多个订阅将触发Observable中的多个执行。对单个HTTP调用的多个订阅Observable将触发多个相同的HTTP调用，除非您.share（）（启用多播）。

一个承诺迫使你一次处理一件事，解开它的数据，处理异常，对async/await等很酷的事情有语言支持，否则就很简单了。

Observable有很多钟和哨子，但你需要了解你正在使用的力量，否则它可能被滥用。

还有一个区别：全球与进口

Promise是一个标准的内置对象，您可以直接使用它。在此处检查浏览器支持。

const myPromise=新Promise（（解析，拒绝）=>{setTimeout（（）=>{解决（“无需安装即可”）；}, 300);});我的承诺.then（值=>｛console.log（值）｝）.catch（错误=>｛console.log（错误）｝）；

JavaScript的可观察、反应式扩展需要RxJS安装和导入才能使用

import { Observable } from 'rxjs';

Promise：是一个ES6特性，它处理在创建时立即执行的异步代码，该代码当时只能发出一个值，并且不可取消。随着现代应用程序和功能需求的复杂性，如果我们要同时执行多个承诺，或者在执行之前进行过滤或进行一些转换，那么就必须实现复杂的代码：

myPromise.then((resolvedValue) => {
    console.log(resolvedValue);
}, (error) => {
    console.log(error);
});

Observable:是Rxjs库提供的一个Object，它帮助我们处理JavaScript应用程序中的反应式编程，它提供链接和订阅来处理复杂的应用程序，具有可取消的优点，同时提供许多值。此外，我们还可以从应用其他运算符（如retry（）、map（）、filter（）、switchMap（）等）的链接中获益，这有助于处理复杂的用例和繁重的用户界面。

即时搜索示例：

search(terms: Observable<string>) {
    return terms.pipe(
      debounceTime(400),
      distinctUntilChanged(),
      switchMap((term) => this.searchEntries(term))
    );
  }

并行的许多APIS调用示例：

let character = this.http.get('https://jsonplaceholder.typicode.com/todos');
    let characterHomeworld = this.http.get(
      'https://jsonplaceholder.typicode.com/posts'
    );

    forkJoin([character, characterHomeworld]).subscribe((results) => {
      console.log('result °', results[0]);
      console.log('result 1', results[1]);
    });

虽然Günter Zöchbauer的回答总体上是好的，但我不认为它强调了在处理角度分量时，您几乎总是希望使用Observable，因为它支持取消。承诺不能取消，即使您的组件被破坏，承诺也会得到解决。Angular倾向于宽容，直到不宽容为止。

例如，对损坏组件的任何手动更改检测都会导致异常：

ngOnInit() {
  // Promise API
  this.service.getData().then(d => {
     this.data = d;
     this.changeDetectorRef.detectChanges();
  });

  // Observable API
  this.service.getData().pipe(takeUntil(this.unsubscribe)).subscribe((d) => {
     this.data = d;
     this.changeDetectorRef.detectChanges();
  });
}

如果您的组件在promise解析之前被销毁，那么在promise被解析时，您将尝试使用已销毁的视图错误。

或者，如果您在takeUntil模式中使用可观测值，那么一旦您的组件被破坏，订阅就会被取消。

这是一个有点做作的例子，但为被破坏的组件执行代码可能会导致错误。

Promise和Observable都在Angular（typescript）中用于处理异步数据，但它们的用法和行为不同。

承诺：是一次性事件（解决/拒绝）返回单个值（解析或拒绝一次）处理单个异步事件无取消和无插座

用例示例：错误处理和恢复/处理顺序操作/组件间通信

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

fetchData() {
  return new Promise((resolve, reject) => {
    this.http.get('https://api.examplepromise.com/data')
     .toPromise()
     .then(data => resolve(data))
     .catch(error => reject(error));
 });
}

观察结果：一段时间内可以发出多个值的值流只要流处于活动状态，就可以订阅并发出值。处理多个异步事件可以取消并支持socket/mapreducer（ngrx）操作用例示例：监控输入元素的变化/动画和转换/使用RxJS进行集中状态管理/取消用户输入以限制API调用

块引用

import { fromEvent } from 'rxjs';

constructor(private elementRef: ElementRef) {}

  listenToButtonClicks() {
  fromEvent(this.elementRef.nativeElement, 'click')
  .subscribe(event => console.log(event));
 }