AsyncPipe не обновляется должным образом

Question

Я сейчас экспериментирую с Angular AsyncPipe в сочетании с ngIf.Наблюдаемое в производстве происходит от HttpService, оно расширено стратегией повторных попыток обработки ошибок.

Шаблон выглядит следующим образом:

<div *ngIf="(configuration$ | async) as configuration; else loading">
  <p>{{configuration}}</p>
</div>

<ng-template #loading>
  <p>Loading...</p>
</ng-template>

Стратегия повторных попыток использует диалоговое окно для сообщения об ошибке, и после того, как диалоговое окно закрыто, наблюдаемое должно быть перезапущено.

Еслиошибки не возникает, шаблон загружается правильно, и все работает просто отлично.Однако после того, как ошибка возникает только одна в начале, и пользователь закрывает диалоговое окно, чтобы начать попытку, значение не отображается должным образом в шаблоне.

Я также включил пример .

В этом примере я высмеиваю HttpService из Angular, чтобы показать поведение.

Answer 1

Вы выдаваете ошибку в начале через observable.error.Измени свою логику или убери это.

public getConfiguration(): Observable<string> {
  return Observable.create((observer) => { 
      observer.next('Hello World.'); 
  });
}

Демо