Mock Service

import { Injectable } from '@angular/core';
import { Card } from '@app/shared';

@Injectable({
  providedIn: 'root'
})
export class FaqService {
  public getData(): readonly Card[] {
    return [
      { title: 'FAQ_1.Q', desc: 'FAQ_1.A' },
      { title: 'FAQ_2.Q', desc: 'FAQ_2.A' },
      { title: 'FAQ_3.Q', desc: 'FAQ_3.A' },
    ];
  }
}

export class FaqComponent implements OnInit {
  private readonly _faqService = inject(FaqService);
  public data: readonly Card[];

  public ngOnInit(): void {
    this.data = this._faqService.getData();
  }
}

<ng-container *ngFor="let item of data; let i = index">
  <app-accordion />
</ng-container>