ciao!

sto riscontrando un problema con ngFor che non riesco a capire.

questo il componente:
codice:
import {Component, OnInit} from '@angular/core';
import {Title} from '@angular/platform-browser';
import {ActivatedRoute} from '@angular/router';
import {MostreService} from '../../../../_services/mostre.service';
import {Mostra} from '../../../../_interfaces/mostra';
import {Opera} from '../../../../_interfaces/opera';

@Component({
  selector: 'app-mostre',
  templateUrl: './mostre.component.html',
  styleUrls: ['./mostre.component.scss']
})

export class MostreComponent implements OnInit {

  stato: string;
  titolo: string;
  mostre: Mostra[];
  opere: Opera[];

  constructor(
    private titleService: Title,
    private route: ActivatedRoute,
    private mostreSrv: MostreService
  ) {
    this.route.data.subscribe(data => {
      this.titleService.setTitle(data.title);
      this.titolo = data.title;
      this.stato = data.stato;
    });
  }

  ngOnInit(): void {
    this.getData();
  }

  getData(): void {
    console.clear();
    this.mostreSrv.getAll().subscribe((res) => {
      this.mostre = res.data.filter(it => it.stato === this.stato);
      console.table(this.mostre);
    });
  }

}
quel console.log mostra i risultati corretti.
quindi in sostanza i dati arrivano.

questo l'html:
codice:
<div class="row mb-5">
  <div class="col-xxl-12 mb-5 mb-xl-10 w-100">
    <div class="card card-xxl-stretch mb-5 mb-xxl-8">

      <div class="card-body pt-3">

        <div *ngFor="let item of mostre" class="d-flex align-items-sm-center mb-7">

          <div class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2">

            <div class="flex-grow-1 my-lg-0 my-2 me-2">
              <a href="#" class="text-gray-800 fw-bolder text-hover-primary fs-6">
                {{item.titolo}}
              </a>
            </div>

          </div>
        </div>

      </div>

    </div>
  </div>
</div>
in sostanza sulla pagina nn compare nulla.
ma non mi da errori.

qualche idea??