Как загрузить список с данными из содержимого HTTP?

У меня проблема. Я новичок в Angular, и я пытаюсь загрузить данные из бэкэнда (С#) и показать их спереди.

В моем бэкэнде у меня есть список моделей, заполненных образцами данных.

public static List<CheckModel> checkModels = new List<CheckModel>();

CheckModel выглядит так:

public string Id { get; set; }
public string Name { get; set; } 

И теперь я пытаюсь просмотреть это в Angular. Если я создам такой список прямо в моем component.ts:

ordersData = [
{ id: 100, name: 'order 1' },
{ id: 200, name: 'order 2' },
{ id: 300, name: 'order 3' },
{ id: 400, name: 'order 4' }
];

Затем я могу просмотреть это в таблице html, и все в порядке. К каждой строке в таблице я хотел бы добавить флажок, поэтому я использовал этот метод:

private addCheckboxes() {
this.ordersData.forEach(() => this.ordersFormArray.push(new FormControl(false)));
}

Я хотел бы загрузить данные из моего API. Я пробовал так:

constructor(
    private http: HttpClient,
    private formBuilder: FormBuilder
    ) {
  this.form = this.formBuilder.group({
    orders: new FormArray([])
  });
  this.addData();
  this.addCheckboxes();
}

private addData() {
    return this.http.get<CheckModel[]>('api/check/getData')
};

ordersData: CheckModel[];
  
private addCheckboxes() {
this.ordersData.forEach(() => this.ordersFormArray.push(new FormControl(false)));
}

Но это дело не работает. Инструменты разработчика в Chrome показывают мне ошибку:

core.js:6014 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'forEach' of undefined
TypeError: Cannot read property 'forEach' of undefined

Итак, как я могу загрузить данные из моего API в список ordersData? Пожалуйста, простите меня за банальные вопросы!