Угловые данные не будут загружаться в таблицу

Question

Я пытаюсь загрузить данные в таблицу для школьного задания, но она не загружается, она показывает только заголовки таблиц.Мы начали работать с angular около 2 недель назад, так что я все еще новичок, вероятно, делаю глупую ошибку здесь.Пожалуйста, помогите мне!

Это моя таблица:

<table>
<thead>
<tr>
  <th>Title</th>
  <th>Start</th>
  <th>End</th>
  <th>Participation Fee</th>
  <th>Max participants</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let event of aEvents">
  <td>{{ event.title }}</td>
  <td>{{ event.start }}</td>
  <td>{{ event.end }}</td>
  <td>{{ event.participationFee }}</td>
  <td>{{ event.maxParticipants }}</td>
</tr>
</tbody>
</table>

Это файл .ts моего компонента:

import {Component, OnInit} from '@angular/core';
import {AEvent} from "../../../models/a-event";

@Component({
  selector: 'app-overview1',
  templateUrl: './overview1.component.html',
  styleUrls: ['./overview1.component.css']
})
export class Overview1Component implements OnInit {

  public aEvents: AEvent[] = [
    new AEvent("event1", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event2", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event3", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event4", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event5", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event6", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event7", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event8", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10),
    new AEvent("event9", new Date(2019, 11, 5), new Date(2019, 11, 5), 10, 10)
  ];

  constructor() {

  }

И это .tsмодели AEvent:

export class AEvent {
  title: string;
  start: Date;
  end: Date;
  description: string;
  status: AEventStatus;
  IsTicketed: Boolean;
  participationFee: number;
  maxParticipants: number;

  constructor(title: string, start: Date, end: Date, participationFee: number, maxParticipants: number){
    this.title = title;
    this.start = start;
    this.end = end;
    this.participationFee = participationFee;
    this.maxParticipants = maxParticipants;
  }
}

Я понятия не имею, что я делаю здесь неправильно, действительно раздражает, что он не загружается.