Угловая "не найдена труба с именем" асинхро ⇐ Html

[Anonymous]

У меня есть следующий угловой типовой и HTML -шаблон, и он вызывает приготовленную ошибку при сборке. < /p>
TypeScript: < /p>
import { ChangeDetectionStrategy, Component, Inject, OnDestroy } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';

import { select, Store } from '@ngrx/store';
import { Observable, BehaviorSubject } from 'rxjs';
import { tap, map } from 'rxjs/operators';

import {
AppState,
loadStages,
searchStages,
addCreatedStaging,
addEditedStaging,
addDeletedStaging,
sendStagingList,
resetStaging,
clearStagingList,
getStages,
getStagesLoaded,
getStagesLoading,
getStagesSearch,
getStagesQueue,
getRateTypes,
getCurveNamesByCurrency,
getTenors,
getPeriodicity,
getAccrualTypes,
getAmortizingTypes,
getAmortizingPeriodicity,
getExistingBeginDates
} from 'src/app/@store';
import {
Stage,
RateType,
Periodicity,
AccrualType,
AmortizingType,
SearchType,
StagingLoanDetailActions,
DictionaryObject
} from 'src/app/common';
import { environment } from 'src/environments/environment';
import { ColDef } from 'ag-grid-community';
import { MaskPipe } from 'ngx-mask';
import { DatePipe, CommonModule, AsyncPipe } from '@angular/common';

@Component({
selector: 'app-staging-loan-details-popup',
templateUrl: './staging-loan-details-popup.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class StagingLoanDetailsPopupComponent implements OnDestroy {
......
stagingLoanDetailQueue$: Observable;
backdropClickCheck$: Observable;

isDirty: boolean;
contractReference: string;
instrumentType: string;
queue: { create_list: Stage[]; update_list: Stage[]; delete_list: Stage[] };
......
constructor(
@Inject(MAT_DIALOG_DATA) public dialogData: any,
public dialogRef: MatDialogRef,
private store: Store,
private maskPipe: MaskPipe,
private datePipe: DatePipe
) {
......
this.stagingLoanDetailQueue$ = this.store.pipe(
select(getStagesQueue),
tap(queue => (this.queue = queue))
);
this.backdropClickCheck$ = this.dialogRef
.backdropClick()
.pipe(map((event: MouseEvent) => this.checkForClose(event, this.queue, this.isDirty)));
< /code>
и в модуле приложения, который объявляет этот TypeScript, я также импортировал CommonModule в разделе ngmodule. /> src/app/modules/create-simulation/dialogs/staging-loan-details-popup/staging-loan-details-popup.component.html:57:32

Ошибка ng8004: нет трубы с именем 'async'. 57 {{stagingloandetailQueue $ | Async}}
~~~~~~
src/app/modules/create-simulation/dialogs/staging-loan-details-popup/staging-loan-details-popup.component.ts:49:16
49 Шаблон /> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ все еще не мог решить эту ошибку. Надеюсь, кто -нибудь сможет помочь. На самом деле, это только одна из ошибок, которую он вызывает. По сути, каждый асинхрон в шаблоне HTML приводит к той же ошибке при сборке.

Подробнее здесь: https://stackoverflow.com/questions/795 ... name-async