Почему ngIf и ngFor не работают динамически при серверном пре-рендеринге?

Question

[Денис Щербина]

При серверном рендеринге ngIf и ngFor не подхватывают изменение переменных. Они берут начальные значения переменных и в дальнейшем динамическом изменении не меняют отображение страницы (в моём случае, вывод списка). Если сделать кнопку и событие на неё (click)="", то всё работает.

data: any;
async getSpecificData() {
    // подгружаем данные из сервиса. 
    this.data = await this.feedService.get_specific_tovar()
     // В переменной data - данные есть по результату, но ngFor её не обновляет.
    console.log('Закончил загрузку');
    this.status_loader = false;
}

<ng-container *ngIf="status_loader">
        <h1>СТРАНИЦА ЗАГРУЖАЕТСЯ </h1>
    </ng-container>
    <ng-container *ngIf="!status_loader">
          <ng-container *ngFor="let item of data; let i = index">
               <h1>{{item}}</h1>
          </ng-container>
    </ng-container>

Для серверного рендеринга использую: angular universal
Версия ангуляра: 13.2.0

Comments

[Антон Швец]

попробуйте заменить async на промисы, ангуляр очень плохо с асинк-эвейт работает.