Я делаю очень простое приложение Angular 8, и я столкнулся с этой проблемой, которую не знаю, как исправить.
Код моего компонента:
export class MyComponent implements OnInit {
...
spendings: DailySpending[]=new Array();
...
constructor(private myService: MyService) { }
ngOnInit() {
...
this.getSpendings();
}
getSpendings(): void {
this.myService
.getByPeriod(this.from, this.to)
.subscribe(res => {
this.spendings = res;
this.mapToFormGroup();
this.controls = new FormArray(this.toGroups);
});
}
I был в состоянии установить точку останова и да, расходы приходят успешно с сервера и отображаются на this.toGroups
, а затем FormArray
успешно создается (что здесь не так, но в любом случае).
My html:
<p class="h3">{{ to | date :'MMMM, yyyy' }}</p>
<tr *ngFor="let spending of spendings; index as index">
<td>
.....
</td>
<td>
.....
</td>
</tr>
Однако, когда я запускаю приложение, DevTools немедленно показывает мне следующее: ОШИБКА TypeError: Невозможно прочитать свойство Symbol (__ decoratorApplied) неопределенного и точки 3-го числа строка html, что означает this.spendings
не определено. Но это точно не так. (или я неправильно понимаю сообщение об ошибке?)
Не могли бы вы дать мне несколько советов по этому вопросу?