Функция фильтрации в ngFor с асинхронной переменной

Я пытаюсь фильтровать массив в ngFor. Если я сделаю это ниже, я получаю сообщение об ошибке:

HTML:

<div *ngFor="let group of filterGroups(report.assetGroups)">

Ошибка: не удается прочесть свойство assetGroups из undefined.

Если я сделаю следующее, я получу еще одну ошибку:

HTML:

<div *ngFor="let group of filterGroups(report?.assetGroups)">

Ошибка:

TechnicalManagerReportComponent.html: 66 ERROR TypeError: _co.filterGroups не является функцией

Так что я застрял в том, как делать фильтрацию. Это моя функция фильтра:

filterGroups(itemList: AssetGroup[]): AssetGroup[] {
    let result: AssetGroup[] = [];

    return result;
}

Обратите внимание, что ngFor отлично работает без функции фильтра.

Мой метод инициализации:

ngOnInit() {
  this.route.params.subscribe( params => {      
    this.reportId = params.reportId;  

    this.apiService.getReportComplete(this.reportId).subscribe((data) => {    
      this.report = data;
      this.loadGraph(this.report);
    });
  });
}

И сервис:

getReportComplete(reportId:string):Observable<ReportComplete>{    
  var url = `https://xxx.azurewebsites.net/api/reportcomplete/${reportId}`;
  return  this.httpClient.get<ReportComplete>(url).pipe(
    map(x => new ReportComplete(x)));     
}