Promise 调用在 Angular 11 中被调用两次

Question

我有下面的代码调用服务来获取一些值，我故意关闭后端部分以检查是否添加了错误。我注意到它调用了两次服务，有人能解释一下为什么会这样吗？

(async () => {
      try {
        this.countries = await this.testerSvc.getCountries().toPromise();
      } catch (err) {
        this.addError("Countries");
      }
    })();

服务代码：

getCountries() {
    return this.http.get<[]>(this.baseUrl + "countries");
}

Answer 1

在我的 app.module.ts 上，我添加了我的组件：

bootstrap: [AppComponent, MyComponent]

在我的 app.component.html 上，我

<app-tester> </app-tester>

它实例化了我的组件两次，我从 bootstrap 中删除了它，现在它只实例化了一次。所以服务调用只有一次。

Promise 调用在 Angular 11 中被调用两次

Promise call gets invoked twice in Angular 11

promise

es6-promise

angular-promise